estilo con float y height

pipogol · #1 (**permalink**) 02/09/2008, 14:24

hola!

una duda facil, pero que no la encuentro googlenado!

como hago para que el container principal se agrande acorde a los divs que hay dentro del el, mientras que esos divs tengan float? el container principal como que no le hace caso y mi altura queda igual. dejo el codigo:

<style type="text/css">
.main_container {
width:1000px;
min-height:100%;
border: 1px solid black;
margin:0px auto;
}

.banner {
width:100%;
height:200px;
background-color:#6196c1;
}

.navigation {
width:300px;
background-color:#afcadf;
float:left;
}

.main_information {
width:698px;
background-color:#fff;
float:left;
}

</style>
</head>

<body>

<div class="main_container">

<div class="banner">

</div>

<div class="navigation">
ssaa
</div>

<div class="main_information">
aaa
</div>

</div>

</body>
</html>

por ejemplo el border del main_container no va a con navigation y main_info

gracias!!

pipogol · #2 (**permalink**) 03/09/2008, 06:36

ayuda pls!!

poison_mayer · #3 (**permalink**) 03/09/2008, 10:10

Hola pipogol dale position:absolute a tu .main_container

pipogol · #4 (**permalink**) 03/09/2008, 10:13

posion_mayer gracas!

pero despues como puedo centrar el main_container? siempre uso margin: 0 auto pero con el position absolute no me deja

poison_mayer · #5 (**permalink**) 03/09/2008, 11:06

.main_container {
position:absolute;
width:1000px;
left:50%;
margin-left:-500px;
min-height:100%;
border: 1px solid black;

}