basic 3 column css layout

[jimbob90]

for some reason my "right" appears lower than the "content" (center) but not the "left"

#box {
width:900px;
margin-left: auto;
margin-right: auto;
}


#content {
overflow: auto;
width:600px;
padding:0px;
background-color:#fff;
float:center;
}

#left {
width:150px;
padding:0px;
float:left;
}

#right {
width:150px;
padding:0px;
float: right;
}

my div structure
div box open >> div left open >> div left close >> div content open >> div content close >> div right open >> div right close >> div box close

[buddylee17]

There is no such attribute value as "float:center". Only left and right.

[scottloway]

Try floating #content left, that should do the trick:

#content {
     float: left;
}

[MidiMagic]

Pixel sizing is never a good idea.