0
index.html
<html> <head> <title>Test Layout</title> <style type="text/css" media="all"> @import url(site_styles/css_01.css); </style> </head> <body> <div align="center"> <div id="container"> <div id="header"> Header </div> <div id="guest"> Guest </div> <div id="navigation"> Navigation </div> <div id="content"> Content </div> <div id="footer"> Footer </div> </div> </div> </body> </html>
css_01.css
* {
margin: 0px;
padding: 0px;
}
body {
margin-top: 5px;
background-color: #999999;
font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
font-size: 11px;
}
#container {
width: 662px;
min-height: 500px;
max-height: 100%;
}
#header {
text-align: left;
border: #000000 solid 1px;
margin-bottom: 5px;
width: 660px;
height: 100px;
background-color: #990000;
}
#guest {
padding: 2px 0 2px 0;
text-align: center;
border: #000000 solid 1px;
margin-bottom: 5px;
width: 660px;
background-color: #990000;
}
#content {
text-align: left;
border: #000000 solid 1px;
margin-bottom: 5px;
margin-left: 5px;
float: right;
width: 500px;
height: 300px;
background-color: #990000;
}
#navigation {
text-align: left;
border: #000000 solid 1px;
float: left;
width: 150px;
height: 300px;
background-color: #990000;
}
#footer {
text-align: center;
padding: 2px 0 2px 0;
border: #000000 solid 1px;
clear: both;
width: 660px;
background-color: #990000;
}
On IE the Navigation & the Content is not perfect, any help fixing it?
Edited by Mr. Jay, 14 June 2007 - 03:28 AM.
