nicht angemeldet
Hallo an Alle,
wie in der Suche bei vielen Themen gefunden, soll man das Layout nicht mit Tabellen sondern mit <div> aufbauen, aber so richtig verstanden habe ich es noch nicht. Der untere Bereich bleibt einfach an seinem Platz stehen, obwohl <bottom angegeben ist. Auch der Inhalt überlagert ihn einfach. Da fehlt doch was ...
Hier der Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>TestLayout</title>
<style type="text/css">
<!--
html {
height: 99%;
width: 100%;
padding: 0px;
margin: 0px;
}
body {
height: 99%;
width: 100%;
padding: 0px;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
}
#header {
background-color: #999999;
position: absolute;
width: 100%;
height: 10em;
top: 0px;
left: 0px;
}
#navigation {
background-color: #8487C1;
position: absolute;
width: 20em;
height: auto;
top: 10em;
left: 0px;
}
#inhalt {
background-color: #AAACD5;
position: absolute;
width: auto;
height: auto;
top: 110px;
left: 219px;
bottom: -3em;
}
#footer {
background-color: #999CCC;
position: absolute;
width: 100%;
height: 3em;
bottom: 0px;
}
-->
</style>
</head>
<body>
<div id="header">Raum für den Inhalt von id "header"</div>
<div id="navigation">Raum für den Inhalt von id "navigation"</div>
<div id="inhalt">Raum für den Inhalt von id "inhalt"<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
test<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
noch ein Test
</div>
<div id="footer">Raum für den Inhalt von id "footer"</div>
</body>
</html>
Wer kann mir auf die Sprünge helfen?
HeikoH
Struppi