Focus
Новичок
Проблемы с резиновой версткой. Помогите
Нужно сверстать такой елемент - фоновая подложка. Основной бэкграунд тянется на всю ширину экрана, а по бокам примикают 2 картинки по 15 пикселей. Что-то мой код отображается нормально только в опере. В остальных не хочет браузерах. Помогите что не так!!
Вот елемент, который необходимо сверстать
Нужно сверстать такой елемент - фоновая подложка. Основной бэкграунд тянется на всю ширину экрана, а по бокам примикают 2 картинки по 15 пикселей. Что-то мой код отображается нормально только в опере. В остальных не хочет браузерах. Помогите что не так!!
PHP:
<style>
#container2 {
width: 100%;
float: left;
margin-right: -35px;
}
#content2 {
margin-right: 35px;
}
#main2 {
margin-left: 35px;
background: url("http://site.com/images/bg_sh.jpg") repeat-x; height:100px;
}
#left2 {
width: 35px;
float: left;
margin-left:20px;
}
#right2 {
width: 35px;
float: right;
}
.clearing {
height: 0;
clear: both;
}
</style>
<div style="position:relative; overflow:hidden; ">
<div id="center_contentzzz">
<div id="container2">
<div id="content2">
<div id="left2">
<img src="http://site.com/images/left_sh.jpg" />
</div>
<div id="main2">Здесь фон тянется на весь экран</div>
</div>
</div>
<div id="right2">
<img src="http://site.com/images/right_sh.jpg" />
</div>
<div class="clearing"> </div>
</div>
</div>