Foros del Web » Creando para Internet » HTML »

Duda HTML

Estas en el tema de Duda HTML en el foro de HTML en Foros del Web. Hoy estoy con las dudas absurdas.... Tenemos una div con ID (#div1) cuya altura es elástica (height:auto;). Al agregar dentro de ésta otra div con ...
  #1 (permalink)  
Antiguo 01/09/2010, 05:37
 
Fecha de Ingreso: marzo-2010
Mensajes: 128
Antigüedad: 14 años
Puntos: 1
Duda HTML

Hoy estoy con las dudas absurdas....

Tenemos una div con ID (#div1) cuya altura es elástica (height:auto;). Al agregar dentro de ésta otra div con clase en este caso (.div2) con una altura fija (height:200px;), la altura de la primera deberían ser 200px. Supongamos que la 1ª div contuviera 3 .div2. Ahora #div1 debería tener una altura de 600px... Pues he aquí el problema... La 1ª div no crece... Alguien sabe por qué puede ser?? Os muestro el código para que lo comprendáis mejor:

Código:
<html>
  <head>
  
  <style type="text/css">
  
  #div1 {
  
	width:400px;
	height:auto;
	margin:auto;
	border:5px solid black;
  
  }
  
  .div2 {
  
	width:400px;
	height:200px;
	float:left;
	background:grey;
  
  }
  
  </style>
  
  </head>
  <body>
	<div id="div1">
	
		<div class="div2">
		</div>
		
		<div class="div2">
		</div>
		
		<div class="div2">
		</div>
	
	</div>
  </body>

</html>
  #2 (permalink)  
Antiguo 01/09/2010, 06:02
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 9 meses
Puntos: 539
Respuesta: Duda HTML

Busque la explicación a lo que le sucede y la solución al problema en www.librosweb.es dentro de "introducción a css" (abajo a la izquierda)
Utilice la cadena \ limpiar flotado /

Siento enviarle alli, pero es taaaaaaaan repetitiva su consulta...
  #3 (permalink)  
Antiguo 01/09/2010, 07:47
 
Fecha de Ingreso: marzo-2010
Mensajes: 128
Antigüedad: 14 años
Puntos: 1
Respuesta: Duda HTML

No te preocupes, sé que la duda es un tontería y llevo un par de años haciendo webs y nunca había tenido este problema... jeje. Muchas gracias a ver si de esa manera se soluciona!!
  #4 (permalink)  
Antiguo 01/09/2010, 08:00
Avatar de titocba  
Fecha de Ingreso: agosto-2008
Ubicación: Cordoba
Mensajes: 256
Antigüedad: 15 años, 7 meses
Puntos: 4
Respuesta: Duda HTML

Tu problema no es absurdo y es logico que tu div1 no crezca esto es debido a que tus div2 son flotantes.
deberias crear una clase clear para solucionar tu problema, o bien quitar la propiedad float:left al estilo para el div2

Saludos

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 03:19.