Menu
Im using divs instead of tables to arrange items on my web page but when I use float:left on children element the parent element (the container) doesn resize, it stays at height = 0px. How can I fix this? A simple example below
[CODE]
<html>
<head>
</head>
<body>
<style type=”text/css”>
#container{
width:400px;
background-color:blue;
}
#content{
position:relative;
width:400px;
height:200px;
background-color:red;
float:left; /* the container height resizes if I skip this */
}
</style>
<div id=”container”><!– this guy stays at 0px height if it’s children float is set –>
<div id=”content”></div>
</div>
</body>
</html>