|
|
|
| есть стили:
/* контейнер */
.artcontainer {
float: left;
margin: 0px;
padding: 0px;
width: 100%;
border: 0px;
background: url('../../123/kusok.gif') repeat;
background-color: white;
}
/* блок внутри контейнера */
.top_decor {
width: 100%;
height: 27px;
border: 0px;
margin: 0px;
padding: 0px;
/*background: url('../../files/decoration/top_seredina_graniza1_01.gif') repeat-x;*/
}
/* левый уголол - изображение 32х27 */
.artcontainertopleftugol {
float: left;
width: 32px;
height: 27px;
border: 0px;
background: url('../../files/decoration/top_left_ugol.gif') no-repeat;
background-color: white;
margin: 0px;
padding: 0px;
}
/* середина, изображение 474х27 */
.artcontainerseredinapolosa {
float: left;
height: 27px;
background: url('../../files/decoration/top_seredina_graniza.gif') repeat-x;
border: 0px;
padding: 0px;
margin: 0px;
}
/* правый угол - изображение 32х27 */
.artcontainertoprightugol {
width: 32px;
height: 27px;
border: 0px;
background: url('../../files/decoration/top_right_ugol.gif') no-repeat;
margin: 0px;
padding: 0px;
}
|
далее вот такая конструкция:
echo "<div class=\"artcontainer\">"; /* контейнер */
echo "<div class=\"top_decor\">";
echo "<div class=\"artcontainertopleftugol\"></div>"; /* изображение с левым уголком */
echo "<div class=\"artcontainerseredinapolosa\"></div>"; /* изображение по середине, которое должно уменьшаться или увеличиваться */
echo "<div class=\"artcontainertoprightugol\"></div>"; /* правый уголок
echo "</div>";
echo "</div>";
|
не получается в <div class=artcontainerseredinapolosa></div> вставить изображение, изображение правого угла неизменно оказывается у левого угла, а середину как-будто бы не видит...только когда в классе .artcontainerseredinapolosa прописать истинную ширину (width=474px) изображения выступающего в роли фоновой картинки (соответственно ширина контейнера тоже равна сумме левого, правого, области по середине), то эта конструкция работает.....но этот эффект не тот, что мне нужен. Хочу сделать "резиновый блок", чтобы область по середине (class = artcontainerseredinapolosa ) увеличивалась или уменьшалась в зависимости от ширины контейнера ( class = artcontainer ) ширина которого выражена в процентах по отношению к окну браузера.
Подскажите, пожалуйста, как можно сделать такое "резиновое" решение....
PS: браузер IE7, Opera 9 | |
|
|
|
|
|
|
|
для: RomantikPro
(09.03.2007 в 22:46)
| |
.top_decor { position:relative;}
.artcontainertopleftugol {position:absolute;top:0;left:0;}
.artcontainertoprightugol {position:absolute;top:0;right:0;}
|
большие файлы лучше класть аттачем. | |
|
|
|
|
|
|
|
для: AlexSol
(09.03.2007 в 22:58)
| | Спасибо большое за ответ!
вроде бы все сделал, но почему-то часть слоя заходит за границу контейнера справа...и никак не получается убрать ее...приложил файлик...посмотрите пожалуйста, что там не так....притом ладно бы только в одном браузере так, так ведь во всех такая беда.... | |
|
|
|
|
|
|
|
для: RomantikPro
(10.03.2007 в 18:39)
| | up | |
|
|
|
|
|
|
|
для: RomantikPro
(10.03.2007 в 23:30)
| | шустрый. | |
|
|
|
|
|
|
|
для: AlexSol
(11.03.2007 в 08:21)
| | Спасибо огромное! | |
|
|
|