problemer med div
Hejsa.. er igang med at opbygge min hjemmeside med div formler, kan bare ikke forstå at når jeg laver dette her vil den ikke blive 10px i height!<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
body {
background: #EDEDED;
margin: 0px 0px 0px 0px;
text-align: center;
padding: 0px;
}
#page {
width: 608px;
height: 600px;
padding: 0px;
text-align: center;
}
#setup-header {
text-align: left;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
background: #FFFFFF;
width: 608px;
height: 59px;
padding: 0px;
}
ul.menu {text-transform: uppercase;
margin: 0;
padding: 0;
position: static;
width: 500px;
}
ul.menu li {display: inline;
margin: 0 2px;
}
ul.menu,ul.menu li a {padding: 2px 15px;
}
ul.menu li a {font: 0.7em Helvetica, Verdana, Arial, Sans-Serif;
text-decoration: none;
color: #333;
padding: 35px 10px 10px;
margin: 0;
height: 50px;
line-height: 44px;
}
ul.menu li a:hover, ul.menus li a:active {color: #EEE !important;
background: #00759F;
}
ul.menu li.current_page_item a,ul.menu li.current_page_item a:hover {color: #EEE !important;
background: #333;
}
#setup-thinline {
text-align: top;
background: #000000;
padding: 0px;
height: 10px;
width: 608px;
}
#setup-main {
background: #FFFFFF;
height: 531px;
width: 608px;
border: 1px solid #DDDDDD;
}
</style>
</head>
<body>
<div id="page">
<div id="setup-header">
<ul class="menu">
<li class="current_page_item"><a href="setup.html">BLOG</a></li>
<li class="page_item"><a href="about.html" title="About">About</a></li>
<li class="page_item"><a href="archives.html" title="Archives">Archives</a></li>
<li class="page_item"><a href="contact.html" title="Contact">Contact</a></li>
<li class="page_item"><a href="links.html" title="Links">Links</a></li>
</ul>
</div>
<div id="setup-thinline"></div>
<div id="setup-main">
</div>
<div id="setup-footer">
</div>
</div>
</body>
</html>
