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:
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
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