Foros del Web » Creando para Internet » CSS »

Divs flotantes

Estas en el tema de Divs flotantes en el foro de CSS en Foros del Web. Hola, Tengo 3 divs. A los dos primeros los floto a las izquierda y el tercero lo dejo tal cual sin flotar. Este ultimo aparece ...
  #1 (permalink)  
Antiguo 22/06/2011, 11:50
 
Fecha de Ingreso: febrero-2011
Mensajes: 21
Antigüedad: 6 años, 5 meses
Puntos: 0
Divs flotantes

Hola,

Tengo 3 divs. A los dos primeros los floto a las izquierda y el tercero lo dejo tal cual sin flotar. Este ultimo aparece debajo de los otros dos pero el problema es que se queda unido por arriba al primero y no lo puedo separar ni con margin ni poniendole clear:both ¿Hay alguna forma de hacerlo sin usar las propiedades top o bottom?

<div style="background: red; width: 200px; float: left">
<p>Hola</p>
<p>Hola</p>
<p>Hola</p>
<p>Hola</p>
</div>

<div style="background: green; width: 200px; float: left">
<p>Hola</p>
<p>Hola</p>
<p>Hola</p>
<p>Hola</p>
</div>

<div style="background: yellow; width: 200px">
<p>Hola</p>
<p>Hola</p>
<p>Hola</p>
<p>Hola</p>
</div>

Gracias.
  #2 (permalink)  
Antiguo 22/06/2011, 12:04
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 1 mes
Puntos: 269
Respuesta: Divs flotantes

Hola bidok, porque cuando flotas elementos debes siempre poner los elementos flotados dentro de un contenedor, y limpiar los float como se dice.
Al dar overflow:hidden; al padre de las cajas flotadas esta pasa a tomar el alto dependiendo de la altura de sus hijos, (de no dárselo height pasa a valer 0) concretamente del más alto de ellos. Y con esto resuelves tu problema.

Saludos.
  #3 (permalink)  
Antiguo 23/06/2011, 10:30
 
Fecha de Ingreso: febrero-2011
Mensajes: 21
Antigüedad: 6 años, 5 meses
Puntos: 0
Respuesta: Divs flotantes

Perfecto, ha funcionado correctamente.

Muchas gracias por la ayuda.

Saludos

Etiquetas: divs, flotantes
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 14:47.