basic layout help, content in middle, 2 side bars.

basically I want a top title/nav bar, left side nav bar, some stuff in the middle, and a right side bar and box for stuff to be determined later. I have some div tags using absolute pixel positioning, i did try with margins and such but all the browsers i tried displayed it all differently. is this really the only/best way to do this?
id like to keep things as simple as possible

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

/* the top navigation bar only */
#topnav {
background: white;
background-repeat: repeat-x;
width:750px;
height:90px;
border: medium solid #2d2d2d;
border-width: 1px;
overflow: hidden;
left:250px;
position:absolute;
}
/* the main content area */

#body {
color:white;
width:750px;
background: #639447;
border: medium solid black;
border-width: 1px;
left:250px;
top:150px;
position:absolute;
}
/* the side bar */

#sidebar{

color:white;
width:150px;
height:700px;
background: #639447;
border: medium solid #2d2d2d;
border-width: 1px;
top:18%;
position:absolute;
}
/* the donate box above the adbar */

#rightbox{

color:white;
width:150px;
background: #639447;
border: medium solid #2d2d2d;
border-width: 1px;
top:18%;
left:1050px;
text-align:center;
position:absolute;
}
/* the ad bar to the right of the body*/

#rightbar{

color:white;
width:150px;
height:700px;
background: #639470;
border: medium solid #2d2d2d;
border-width: 1px;
top:35%;
left:1050px;
position:absolute;
}

basic layout help, content in middle, 2 side bars.

android6011

android6011

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week