Buenas, mi consulta es la siguiente: tengo 3 divs y quiero que de ancho siempre ocupen toda la pantalla, no tengo ningún problema cuando la ventana del explorador esta maximizada, pero cuando la restauro al punto que aparece el scroll horizontal y "escroleo" hacia la derecha me encuentro con que esos divs quedan coartados. Espero que me entiendan. Acá va el código por si sirve de ayuda. Muchas gracias!
CSS
Código:
body{
margin:0;
padding:0;
background-color:#E3CEB5;
}
#top, #menu{
width:100%;
background-color:#46321A;
}
#top{
position:absolute;
margin-top:-15px;
z-index:1;
height:50px;
}
#header{
background-image:url(img/background3.jpg);
width:100%;
background-repeat:repeat;
height:435px;
margin-top: 40px;
box-shadow: 0px 5px 5px #3C2211;
position:absolute;
z-index:1;
}
#menu{
height:100px;
box-shadow: inset 0px -5px 5px #3C2211;
margin-top:-25px;
}
HTML
Código HTML:
<body>
<div id="top"></div>
<div id="header"></div>
<div id="menu"><div id="navi">
<ul>
......
</ul>
</div></div>
</body>
Gracias!