Foros del Web » Creando para Internet » CSS »

Cabecera de ancho 100% con divs

Estas en el tema de Cabecera de ancho 100% con divs en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 20/09/2011, 05:38
 
Fecha de Ingreso: febrero-2011
Mensajes: 2
Antigüedad: 8 años, 8 meses
Puntos: 0
Busqueda 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
  #2 (permalink)  
Antiguo 20/09/2011, 07:14
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 11 años, 5 meses
Puntos: 1011
Respuesta: Cabecera de ancho 100% con divs

añádele al contenedor min-widht: 775px;

Etiquetas: 100%, ancho, divs, html
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:07.