The index:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Fixed Pixel Layout</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1">
<link href="CSS/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
<div id="header">
Header Content Goes Here
</div> <!--end #header-->
<div id="sidebar1">
Sidebar1 Content Goes Here
</div> <!--end #sidebar1-->
<div id="sidebar2">
Sidebar2 Content Goes Here
</div> <!--end #sidebar2-->
<div id="content">
Content Goes Here
</div> <!--end #containt-->
<div id="footer">
Footer Containt Goes Here
</div> <!--end #footer-->
</div> <!--end #container-->
</body>
</html>
The css:
* {
margin: 0px;
padding: 0px;
}
body {
background-color: #8B814C;
text-align: center;
}
#container {
position: relative;
width: 960px;
margin-bottom: 0px;
margin-left: auto;
margin-righ: auto;
margin-top: 0px;
text-align: left;
background-color: #FFF;
}
#header {
width: 960px;
height: 100px;
background-color: #CDBE70;
}
#sidebar1 {
width: 180px;
float: left;
background-color: #EEDC82;
}
#content {
width: 600px;
background-color: #FFF;
float: left;
}
#sidebar2 {
width: 180px;
float: right;
background-color: #EEDC82;
}
#footer {
width: 960px;
background-color: #CDBE70;
}