Foros del Web » Creando para Internet » CSS »

[AYUDA] Problema con height:auto, no toma el tamaño de un float

Estas en el tema de [AYUDA] Problema con height:auto, no toma el tamaño de un float en el foro de CSS en Foros del Web. Hola a todos bueno el problema es el siguiente, tengo un contenedor, de fondo blanco, y una maquetacion a 3 columnas, bueno resulta lo siguiente, ...
  #1 (permalink)  
Antiguo 03/03/2009, 12:12
 
Fecha de Ingreso: octubre-2008
Mensajes: 85
Antigüedad: 9 años, 2 meses
Puntos: 0
[AYUDA] Problema con height:auto, no toma el tamaño de un float

Hola a todos bueno el problema es el siguiente, tengo un contenedor, de fondo blanco, y una maquetacion a 3 columnas, bueno resulta lo siguiente, el contenedor toma solo el tamaño de la columna central, que es la unica que no es float. entonces no me da el fondo blanco para todo el lugar que necesito

ACLARO ESTO SOLO SUCEDE EN FIREFOX Y CHROME, en IE funciona bien.

estos son los div en CSS

PINTO LA COLUMNA IZQUIERDA DE CELESTE PARA QUE SE VEA LA DIFERENCIA CLARAMENTE, EN REALIDAD VA SIN FONDO, Y EL BLANCO SE LO DEBIERA DAR EL CONTENEDOR

Código:
/*CONTENEDOR*/
#sombracont{
width:770px; height:auto; margin:auto;
background-image:url(images/fondo.png); background-repeat:repeat-y;
}

#contenedor{
width:750px; margin:auto; height:auto;
background-color:#FFFFFF;
border-left:#666666 solid 1px; border-right:#666666 solid 1px;
}

/*COLUMNAS*/
#izquierda{
float:left;
margin:0;
width:175px; height:auto;
background-color:#00CCFF;
font-size:11px; border-right:#666666 solid 1px;
}

#derecha{
float:right;
width:150px; height:auto;
margin:0;
}

#centro{
vertical-align: top middle;
margin-left:180px;
width:415px; height:auto;
}

/*PIE*/
#pie{
width:750px; height:auto; margin:auto;
text-align:center;
background-color:#FFFFFF;
border-right:#666666 solid 1px; border-left:#666666 solid 1px;
}

#sombrapie{
width:770px; height:auto; margin:auto;
background-image:url(images/fondo.png); background-repeat:repeat-y;
}
De paso aprovecho el pie en Chrome y Firefox se ve separado del contenedor eso no deberia pasar, en IE no pasa. La idea es que se vea como se ve en IE pero en Firefox y Chrome

Internet Explorer 7:


Firefox:


Google Chrome:


bueno creo que se ve claramente lo que quiero decir, espero puedan ayudarme

asi tengo los Divs enel html (no pongo la cabecera porque no es el problema)

Código:
<div id="sombracont">
<div id="contenedor">

   <div id="izquierda">
   </div>
   <div id="derecha">
   </div>
   <div id="centro">
   </div>

</div>
</div>
Saludos y gracias desde ya a quien pueda ayudarme.
  #2 (permalink)  
Antiguo 03/03/2009, 12:22
Avatar de the_web_saint  
Fecha de Ingreso: mayo-2008
Ubicación: localhost/tierra/america/panama
Mensajes: 1.229
Antigüedad: 9 años, 7 meses
Puntos: 43
Respuesta: [AYUDA] Problema con height:auto, no toma el tamaño de un float

Código html:
Ver original
  1. <div id="sombracont">
  2. <div id="contenedor">
  3.  
  4.    <div id="izquierda">
  5.    </div>
  6.    <div id="derecha">
  7.    </div>
  8.    <div id="centro">
  9.    </div>
  10. <div style="clear:both;"></div>
  11. </div>
  12. </div>

Intenta de este modo.

Saludos
__________________
..::The Saint::..
El pesimista se queja del viento; el optimista espera que cambie; el realista ajusta las velas.
  #3 (permalink)  
Antiguo 03/03/2009, 13:26
Avatar de talmente  
Fecha de Ingreso: noviembre-2007
Mensajes: 233
Antigüedad: 10 años
Puntos: 4
Respuesta: [AYUDA] Problema con height:auto, no toma el tamaño de un float

Hola, añade al contenedor float: left;
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 10:46.