Es increíble como nunca lo había notado, pero en algunas webs con un div superior de supuestamente todo el ancho me ocurre el siguiente fenómeno:
Quiero que haya un div superior, digamos como un cabezal con un color de fondo que abarque toda la parte de arriba (div #top). Luego otro div con ancho especificado en px (#main) .
Un ejemplo sería el siguiente:
Código CSS:
Código:
body {
background: #000000;
margin:0; padding:0;
}
#top{background:#990000; height:120px;}
#main{
background:#0000FF;
width:740px;
margin: 20px auto;
color:#FFFFFF;
}
Código HTML:
Código HTML:
<div id="top"></div>
<div id="main">LOROLOROLOROLORO</div>
Parecería que está todo bien, sin embargo al minimizar la ventana a un ancho en el que se deba hacer scroll horizonal por el div #main; el div de #top se queda en el ancho de la ventana y al hacer el scroll queda cortado.
Miren las imágenes:
¿Qué solución existe?
Muchas gracias de antemano.