jetzt ist aber gut
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title></title>
<style type="text/css">
<!--
html,body {
padding: 0px;
margin: 0px;
font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 100.01%;
background-color: #FF9911;
color: #000000;
}
#banner,
#navigation,
#content,
#bottom1 {
position: absolute;
}
#banner {
width: 778px;
height: 50px;
top: 0px;
left: 0px;
background: #F0E68C;
}
#navicont {
width: 778px;
height: 335px;
top: 50px;
left: 0px;
background: transparent;
}
#navigation {
width: 168px;
height: 335px;
top: 50px;
left: 0px;
background: #FAFAD2;
}
#content {
width: 610px;
height: 335px;
top: 50px;
left: 168px;
background: #F5DEB3;
}
#bottom1 {
width: 778px;
height: 30px;
top: 385px;
left: 0px;
background: #FFF5EE;
}
.bottom { background: #FF0000;
position: absolute;
bottom: 0px;
left: 0px;
}
-->
</style>
</head>
<body>
<div id="banner">hier ist der banner zuhause<div class="bottom">Fussssszeile</div></div>
<div id="navigation"><span class="bottom">hier die Navi</span><div class="bottom">Fussssszeile</div></div>
<div id="content">hier steht der content<div class="bottom">Fussssszeile</div></div>
<div id="bottom1"><div class="bottom">Fussssszeile</div></div>
</body></html>
Der Viewpoint liegt immer am zuletzt [absolute] positionierten Eltern-Element. Falls keines vorhanden - am BODY.
Zitat:
|
Abgesehen davon, funzt die Nullgifmethode im Netscape 7.1 nicht
|
Kann das jemand bestätigen 
_____________________________
Ist übrigens das gleiche wie im Beispiel von hemfrie - ich mein ja nur, das hattest Du doch auch studiert und probiert
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title></title>
<style type="text/css">
<!--
html,body {
padding: 0px;
margin: 0px;
font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 100.01%;
background-color: #FF9911;
color: #000000;
}
#banner{
position: absolute;
bottom: 0;
left: 0;
background-color: #1199FF;
}
#banner2{
position: absolute;
bottom: 0;
right: 0;
background-color: #FF1199;
}
#page{
position: relative;
left: 150px;
top: 100px;
height: 200px;
width: 700px;
background: #008000;
}
p {
font-size: 0.8em;
background: #FFFFFF;
}
-->
/*]]>*/
</style>
</head>
<body>
<div id="page">
<div id="banner"> hier stehen diverse Menülinks </div>
<div id="banner2"> Sie sind eingeloggt als, XXXX XXXX </div>
</div>
weiter im Text</p>
</body>
</html>
Das der Viewpoint auch bei
position: relative gestzt wird ist mir neu
Ich wüßte auch hier gerne ob das in allen Browsern so ist.