container-div der ikke container
Hej Eksperter!Jeg tumler med mit første rene css-layout, men tilsyneladende vil min border-container ikke ramme det ind, som jeg tror den gør.
Jeg synes jo den skal ramme min content og min rightcol ind, men det gør den ikke... Nogen, der kan give et hint om, hvad jeg gør galt?
<html>
<head>
<style type="text/css">
#container {position: absolute; left: 20; top: 20; width: 780px; margin: 0 0 0 0; background: yellow;}
#header {position: relative; width: inherit; height: 70px;}
#logo {position: absolute; top: 0; right: 0;}
#servicenav {position: absolute; left: 200px; top: 0;}
#leftcol {position: absolute; top: 70; width: 180px; background: #C4C4C4;}
#main {float: right; width: 580px;}
#main_border {width: inherit; padding: 0 10px 10px; border: 4px solid #8F0000; background: #fff;}
#content {float: left; width: 410px; padding: 0 10px;}
#rightcol {float: right; width: 180px; padding: 0 0 0 10px; border-left: 1px solid #555;}
#footer {position: relative; width: inherit; clear: both;}
</style>
</head>
<body>
<div id="container">
<div id="header">
<div id="servicenav">SERVICENAV</div>
<div id="logo">LOGO</div>
</div>
<div id="leftcol">
<ul><li>LEFTMENU</li></ul>
<div id="leftcol_content">LEFTCOL_CONTENT</div>
<div id="leftcol_global">LEFTCOL_GLOBAL</div>
</div>
<div id="main">
<div id="main_border">
<div id="content">CONTENT</div>
<div id="rightcol">
<div id="rightcol_content">RIGHTCOL</div>
<div id="rightcol_global">RIGHTCOL_GLOBAL</div>
</div>
</div>
<div id="footer">FOOTER</div>
</div>
</div>
</body>
</html>
