I have 3 divs. I want one on the left side of the body, one in the middle and one on the right.
I can accomplish this easily with absolute positioning. However when I try to use floats the right div ends up being pushed down.
Suggestions?
Here is my code:
-
-
<style type="text/css">
-
<!--
-
body
-
{
-
margin: 0px;
-
padding:0px;
-
}
-
-
#left_side
-
{
-
float:left;
-
width: 200px;
-
background: #06F;
-
-
}
-
#middle
-
{
-
margin: 0px auto;
-
width: 600px;
-
background: #3F0;
-
-
}
-
#right_side
-
{
-
float:right;
-
width: 200px;
-
background: #F60;
-
-
-
}
-
-
-->
-
</style>
-
</head>
-
-
<body>
-
<div id="left_side"><br />
-
<br />
-
</div>
-
-
<div id="middle">
-
<br />
-
</div>
-
-
<div id="right_side">
-
<br />
-
</div>
-
-
-
</body>
-
</html>
-
-
