Cabecera de ancho 100% con divs Hola amigos,
Me estoy rompiendo la cabeza haciendo una cabecera que se adapte a la anchura del navegador. Tiene 3 divs, uno contenedor, otros dos que flotan a dcha e izquda. Los divs interiores tienen ancho fijo y el contenedor sirve para rellenar el espacio entre ambos al redimensionar la ventana. Ya casi lo tengo, el tema es que al hacer la ventana más pequeña, cuando se tocan los dos divs interiores saltan de línea. ¿Se puede "fijar" la altura del div contenedor para que aparezca la scroll horizontal cuando se toquen los otros divs? Os dejo el código,
<style>
#mariposasSup {
float: right;
width: 400px;
height: 62px;
padding: 0;
background-color: #ff6;
position: relative;
}
#menuSup {
float: left;
width: 375px;
height: 62px;
padding: 0;
background-color: #ddd;
position: relative;
}
#contCabecera {
padding: 0;
background-color: lime;
}
#forzarContenedor { clear: both; }
</style>
</head>
<body bgcolor="#FFFFFF" topmargin="0" marginheight="0" leftmargin="0">
<!-- cabecera -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" valign="top">
<!-- margen superior -->
<tr>
<td height="3"></td>
</tr>
<!-- cabecera -->
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" valign="top">
<tr>
<td>
<div id="contCabecera">
<div id="menuSup">Menu</div>
<div id="mariposasSup">Mariposas</div>
<div id="forzarContenedor"></div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- fin cabecera -->
</body>
</html>
Gracias
