width med DIV
Hej!Jeg forsøger at bygge følgende op med DIV .. men hold da op hvor har jeg svært ved at finde ud af DIV/CSS når jeg i så mange år har arbejdet med TABLE's.
Jeg vil gerne have header og footer til at gå hele vejen over, hvis content har en width på f.eks. 1000px - men hvordan?????
<html>
<head>
<style type="text/css">
#header {
background-color: #99CCCC;
border-bottom: 1px solid black;
width: 100%;
}
#sidebar {
width: 200px;
height: 400px;
background-color: #334455;
color: white;
position: absolute;
left: 0;
}
#content {
height: 400px;
margin-left: 200px;
background-color: #99CCEE; color: white;
border-left: 1px solid black;
}
#footer {
border-top: 1px solid black;
background-color: #99CCCC;
height: 40px;
width: 100%;
}
</style>
</head>
<body style="padding:0; margin: 0;">
<div style="width:100%;">
<div id="header">
<h1 style="color: white; margin-top: 0">test der ikke går hele vejen over</h1>
</div>
<div id="sidebar">Left Menu</div>
<div id="content" style="width:100%">
<div>Content</div>
<div style="width: 1000px; background-color: red">Denne går hele vejen over som den skal</div>
</div>
<div id="footer">Footer der ikke går hele vejen over</div>
</div>
</body>
</html>
