Foros del Web » Creando para Internet » CSS »

Crecimiento del div

Estas en el tema de Crecimiento del div en el foro de CSS en Foros del Web. Hola, bueno tengo un div contenedor que debera crecer automaticamente si crece alguno de adentro... no lo puedo lograr... osea crecen los de adentro pero ...
  #1 (permalink)  
Antiguo 22/03/2010, 18:08
 
Fecha de Ingreso: febrero-2010
Mensajes: 44
Antigüedad: 14 años, 1 mes
Puntos: 0
Crecimiento del div

Hola, bueno tengo un div contenedor que debera crecer automaticamente si crece alguno de adentro... no lo puedo lograr... osea crecen los de adentro pero el contenedor queda como una linea.. aca les dejo el codigo

Código:
<style>
.contenedor
{
	border:double;
	width:400px;
}
.div1
{
	border:inset;
	float:left;
	width: 150px;
	height:150px;
}

.div2
{
	border:inset;
	float:left;
	width: 150px;
	height:150px;
}
</style>
<body>
<div class="contenedor">
	<div class="div1">
    </div>
    <div class="div2">
    </div>
</div>
</body>
</html>
porque no crece el contenedor a 150px si el contenido es de 150px ??

GRACIAS!!
  #2 (permalink)  
Antiguo 22/03/2010, 20:54
 
Fecha de Ingreso: diciembre-2008
Mensajes: 9
Antigüedad: 15 años, 4 meses
Puntos: 0
Respuesta: Crecimiento del div

te hace falta un <div class="limpiar"></div> debajo del contenedor con clase div2

.limpiar
{clear:both;}
  #3 (permalink)  
Antiguo 22/03/2010, 23:34
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 10 meses
Puntos: 269
Respuesta: Crecimiento del div

O mas semantico limpiando los float: dando overflow:hidden; a tu elemento contenedor.

Código:
.contenedor
{
    border:double;
    width:400px;
    overflow:hidden;
}
Saludos!
  #4 (permalink)  
Antiguo 23/03/2010, 05:40
 
Fecha de Ingreso: febrero-2010
Mensajes: 44
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: Crecimiento del div

Muchas GraciaS!! Solucionado

Etiquetas: Ninguno
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 22:18.