Problema con div contenedor y height utilizando CSS

Vzk91 Seguir

Eta
Programador
Verificación en dos pasos activada
Desde
13 Abr 2012
Mensajes
1.422
Tengo un problema y por mas que intento solucionarlo no encuenrto la respuesta, a ver si alguien sabe que ocurre...

Yo tengo un div contenedor, y dentro de este tengo otros 3 div con propiedades float y height definidos. El problema esque el div contenedor no aplica el height auto, y no envuelve a los 3 div.

Para solucionar esto utilice display:inline-block; pero al utilizarlo el div contenedor ignora los margenes que se aplican.... os enseño ese trozo de codigo:

Insertar CODE, HTML o PHP:
#contenedor { width: 1200px; margin: 15px auto 10px auto; color: [B]Enlace eliminado[/B] border: #fff solid 1px; padding: 3px; height: auto; background-color: [B]Enlace eliminado[/B] display:inline-block;}	 

#head-1-container { background-color: [B]Enlace eliminado[/B] width: 250px; height: 150px; float: left; text-align: center; }
#head-2-container { background-color:#33CC66; width: 950px; height: 100px; text-align: center; float:right;  }
#head-3-container { background-color:#06C; width: 950px; height: 50px; text-align: center; float:right;  }

Si aplico el display:inline-block; no salen los margenes, y si no lo aplico no me vuelve a los otros divs.

Bueno tambien tengo que decir que el height del div contenedor tiene que tener un valor auto, porque la altura de la pagina va a ser dinamica.

un saludo
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba