Подскажите
body {
margin: 0 auto;
padding: 0;
background-color: #CCFFFF
}
#ogl {
position: static;
width: 100%;
height: 200px;
background-color: #ccff99;
}
#ogldan1 {
position: relative;
width: 300px;
height: 200px;
background-image: url(../helpfto/dan1.png);
left: 100px;
}
#menj {
background-color: #B1A2A9;
position: static;
width: 100%;
height: 100px;
margin: 0;
padding: 0
}
#menjdan2 {
position: relative;
width: 300px;
height: 100px;
background-image: url(../helpfto/dan2.png);
left: 100px ;
}
.nav-wrap {
(Это для меню)
width: 560px;
position: relative
}
Как это на странице расположено:
<div id="ogl">
<div id="ogldan1"></div>
</div>
<div id="menj">
<div id="menjdan2"></div>
<div class="nav-wrap"></div>
</div>
Проблема :при уменьшении окна браузера фон заскакивает с правой стороны за #ogl ,#menj,а они должны быть на всю ширину браузера
