Hi,
I have the following code
HTML:
<body>
<div id="header"><img src="images/header.jpg" width="1000" height="150" /></div>
<div id="leftcol"></div>
<div id="content"></div>
<div id="rightcol"></div>
</body>
</html>
My css code:
Body {background:#000000
}
#header {
width: 1000px;
height: 150px
}
#leftcol {
float:left;
background: #575975;
width: 200px;
height: 500px
}
#content {
background: #928FB6;
height: 500px;
width: 800px
}
#rightcol {
background: #575975;
width: 200px;
height: 500px
}
Now I want the the leftcol, container and right col (in that order) to show up next to eachother in columns. But the rightcol is showing under the leftcol
Why is this |
