Title explains it. I want 2 divs next to each other, without the left one "pushing the right one down."
[ menu ][ content ]
I am using XHTML 1.1 and no tables, so don't try any funny stuff.
And yeah... float doesn't seem to be working. What I got:
[edit]Small CSS change
[ menu ][ content ]
I am using XHTML 1.1 and no tables, so don't try any funny stuff.
And yeah... float doesn't seem to be working. What I got:
Code:
HTML:
<div id="wrap">
<div id="menu">
Left Stuff
</div>
<div id="center">
Right Stuff
</div>
</div>
CSS:
div#wrap {
height: 500px;
width: 700px;
}
div#menu {
float: left;
border: 2px solid #770000;
height: 100%;
width: 75px;
}
div#center {
float: right;
border: 2px solid #007700;
height: 100%;
width: 625px;
}