HTML Code:
<html>
<head>
<title>krenken!</title>
<style type="text/css">
body {font-family: verdana;font-size: 12px;color: #000;margin: 0px;line-height: 19px;}
img {border: 0px;}
#header {background-color: #477198;height: 50px;color: #fff;text-align: left;margin: 0px;} /* a background image goes here when live */
#container {width: 860px;margin-top: 20px;padding: 10px;text-align: left;} /* actual with padding 880px */
#maincontent {float: left;width: 75%;}
#sidecontent {float: right;width: 25%;}
#header .logo {color: #fff;font-size: 10px;float:left;}
#header .nav ul {margin: 0px;padding: 0px;}
#header .nav li {margin: 0px;padding: 11px;display: inline;list-style-type:none;float: right;}
#header .nav a:link, #header .nav a:visited {color: #c0c0c0;text-decoration: none;}
#header .nav a:hover, #header .nav a:active {color: #fff;text-decoration:none;}
</style>
</head>
<body>
<center>
<div id="header">
<span class="logo">logo here!</span>
<ul class="nav">
<li><a href="/">test1</a></li>
<li><a href="/">test2</a></li>
<li><a href="/">test3</a></li>
</ul>
</div>
<div id="container">
<div id="maincontent">main content will go here</div>
<div id="sidecontent">side content will go here</div>
</div>
</center>
</body>
</html>
this is my code, for some reason when i view this page in firefox above the header there is a white space. and not in IE. the code doesnt appear to have any errors . when i dont have the <ul> there no white space appears. - the solution cant be adding a table (i'm working for a tableless design)
some help in removing this will be great. thanks!
Last edited by krenken : 04-02-2006 at 09:23 PM.
|
