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

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

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

#content {
     float: left;
}

Pixel sizing is never a good idea.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.