Hvorfor optager #content ikke al pladsen?
Med nedenstående optager det som jeg stylet med #content ikke al pladsen mod højre - hvordan kan det være?Jeg har følgende HTML:
------------------------------------
<HTML>
<HEAD>
<TITLE>WEB</TITLE>
<link rel="stylesheet" href="layout.css" type="text/css" media="screen" />
</HEAD>
<BODY>
<div id="title">
<h1>Titel</h1>
</div>
<div id="menu">
<fieldset>
<legend>Menu</legend>
<ul>
<li>Punkt 1</li>
<li>Punkt 2</li>
</ul>
</fieldset>
</div>
<div id="content">
<h1>Overskrift</h1>
<p>Iste quidem veteres inter ponetur honeste, qui vel mense brevi vel toto est iunior anno.</p>
</div>
</BODY>
</HTML>
-----------------------------
og følgende CSS:
-----------------------------
body {
background-color:black;
}
#title {
position:absolute;
left:10px;
top:10px;
width:100%;
height: 75px;
background-color:orange;
}
#menu {
position:absolute;
left:10px;
top:85px;
width:150px;
padding:5px 5px 5px 5px;
background-color:silver;
}
#content {
position:absolute;
left:160px;
top:85px;
padding:15px 10px 10px 15px;
background-color:white;
}
--------------------------
