boks der rygger sig.
Jeg sidder lige med lidt css der driller mig :( problemet er at når jeg tilføjer (height:400px;) under content i min *.css fil rygger boksen "content" sig en lille smugle op ad på selve siden.ved det er lidt kluntet forklaret....
herunder er min css kilde, og under igen selve hjemmesidens html. så kan i selv lige smide det inde i notesblok og se om i kan løseproblemt og forklare hvorfor det sker
body {
margin:100px;
}
#title {
position:absolute;
left:100px;
top:20px;
width:100%;
height: 75px;
background-color:orange;
}
#leftmenu {
position:absolute;
left:100px;
top:105px;
width:150px;
height:405px;
background-color:silver;
}
}
#content {
margin-top:105px;
margin-left:160px;
height:400px;
background-color:silver;
}
<html>
<title>Olesen.dk</title>
<head>
<link rel="stylesheet" type="text/css" href="style2.css">
</head>
<body>
<div id="title">
<h1>Websidens titel</h1>
</div>
<div id="content">
<h1>Dette bør være en sigende overskrift for indholdet</h1>
<p>Iste quidem veteres inter ponetur honeste, qui vel mense brevi vel toto est iunior anno.</p>
<p>Ennius et sapines et fortis et alter Homerus, ut critici dicunt, leviter curare videtur.</p>
<p>Hos ediscit et hos arto stipata theatro spectat Roma potens; habet hos numeratque poetas.</p>
<p>Interdum volgus rectum videt, est ubi peccat. Si veteres ita miratur laudatque poetas.</p>
</div>
<div id="leftmenu">
<p>Sidens venstre-menu indeholder....</p>
<ul>
<li>Punkt 1</li>
<li>Punkt 2</li>
<li>Punkt 3</li>
<li>Punkt 4</li>
<li>Punkt 5</li>
<li>Punkt 6</li>
<li>Punkt 7</li>
</ul>
</div>
</body>
</html>
