Ver Mensaje Individual
  #5 (permalink)  
Antiguo 25/02/2012, 18:28
Avatar de jhsilva
jhsilva
 
Fecha de Ingreso: mayo-2009
Mensajes: 85
Antigüedad: 15 años, 6 meses
Puntos: 5
Respuesta: Como definir un height dinamico

Cita:
Iniciado por Ag666 Ver Mensaje
inline-block? nunca hubiera esperado esa respuesta a este problema, aunque no lo he probado supongo funcionara, pero lo recomendable es limpiar el float ya que es el problema real que tiene.

esto se realiza de dos formas posibles:
Opción 1.- aplicar overflow: hidden o auto al elemento padre (opción recomendada)
Código CSS:
Ver original
  1. #contenedor
  2. {
  3. width: 986px;
  4. margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px;
  5. padding: 0;
  6. height: 200px;
  7. background: yellow;
  8. overflow:hidden;
  9. }

Opción 2.- aplicar un div vació o algún elemento al final de tu contenido con la propiedad clear: (both, left, right)
Código HTML:
Ver original
  1. <div id="contenedor">
  2.    <div class="contiene1">** ABC **</div>
  3.    <div class="contiene2">** DEF ** </div>
  4.    <img src="spacer.gif" style="clear:both;" />
  5. </div>
Estimado podrìas complementar la opción para aclarar ello porfavor.

¿Que realiza clear:both? Lo he visto varias veces maquetando e infiero que es para limpiar el contenido , pero tecnicamente que se logra.

Saludos y atento
__________________
Estudiante de Ingenieria Civil en Informática, soñador, apasionado, enamorado con RoR e Interesado en la gestión del software.
http://www.jhsilva.com