nicht angemeldet
Div über ganze Höhe (mit min-height)
Hallo Forum,
ich würde gerne ein Div mit min-height:100%; über die Fenstergröße anzeigen.
Es funktioniert alles einwandfrei OHNE DTD, mit der XHTML Transitional DTD funktioniert es aber nicht mehr, gleiches gilt für HTML 4 Transitional
Hier mein Code:
standard.css
------------
body {
margin:0;
text-align:center;
}
div#main {
height:100%;
width:770px;
background-color:#efefef;
margin:auto;
min-height:100%;
}
div#navi {
width:100%;
height:100px;
background-color:#dfdfdf;
}
index.html
----------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Möbelwerkstätte Traint
</title>
<style type="text/css">
@import url('style/css/standard.css');
</style>
</head>
<body>
<div id="main">
<div id="navi">
test
</div>
hey
</div>
</body>
</html>
Gibt es eine andere Möglichkeit dieses Problem zu lösen?
Danke im Voraus
lg Gerhard
-
hi,
ich würde gerne ein Div mit min-height:100%; über die Fenstergröße anzeigen.
Es funktioniert alles einwandfrei OHNE DTD, mit der XHTML Transitional DTD funktioniert es aber nicht mehr, gleiches gilt für HTML 4 Transitional
Zum x-ten Mal:
Prozentuale Höhenangaben beziehen sich auf die Höhe der Vorfahrenelemente.
Wenn du für diese aber keine Höhe angibst, erhalten sie ihre Höhe aus der des Inhaltes - die Katze beißt sich also in den Schwanz.Setze die Höhe also explizit auch für die Vorfahrenelemente.
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Danke vielmals
in diesem Fall musste ich die höhe von html{} setzen
das war es was mich verwirrtelg Gerhard
-