Hallo,
ich hab es jetzt so gemacht:
CSS
html, body { width:100%; height:100%; }
body
{
margin-left:10px; margin-top:10px;
font-family:Arial,sans-serif;
font-size:12px; color:#000000;
}
#container { width:800px; height:100%; margin:0px; padding:0px; border-style:solid; border-width:1px; }
#sitemap { width:100%; padding:3px; margin:0px; border-style:solid; border-width:1px; }
#mainnavi { width:200px; float:left; padding:10px; border-style:solid; border-width:1px; }
#subnavi { width:150px; float:left; padding:10px; border-style:solid; border-width:1px; }
#content
{
margin-left:350px; margin-right:0px;
maring-bottom:0px; margin-top:0px;
padding:10px;
border-style:solid; border-width:1px;
}
h1 { font-size:19px; }
HTML
<html>
<head>
<title>Dani´s private Homepage</title>
<link rel="stylesheet" type="text/css" href="./main.css">
</head>
<body>
<div id="container">
<div id="sitemap">sitemap</div>
<div id="mainnavi">Hauptmenü</div>
<div id="subnavi">Untermenüs</div>
<div id="content"><h1>der content kommt hier rein</h1></div>
</div>
</body>
</html>
---
Sieht schon besser aus! Da kommen natürlich noch DOCTYPE, etc. rein und die Borders kommen weg (Veranschaulichung). ;-)
Vielen Dank für Deine Hilfe!
Viele Grüße,
Dani