Div height 100% und XHTML 1.0 strict
Erwin
- css
Hi Forum,
ein ganz einfacher Wunsch: ein div-Element über den gesamten Bildschirm:
<html>
<body>
<div style="border: 1px solid black; height: 100%;"></div>
</body>
</html>
funktioniert so auch wunderbar, nur mit dem richtigen Doctype wirds nichts:
<!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="en" >
<body>
<div style="border: 1px solid black; height: 100%;"></div>
</body>
</html>
Ich vermute, ich mache etwas falsch - aber was?
Danke
Erwin
hi,
so einfach geht es nicht auf allen Browsern. Nimm mein Beispiel.
http://inix.in.funpic.de/stickself.html
Gruss,
Inita
Hi,
ohne richtigen Doctype geht es doch in allen[1] Browsern?!
Gruss
Erwin
[1]IE6/7 FF Opera Safari
Hi,
ohne richtigen Doctype geht es doch in allen[1] Browsern?!
Gruss
Erwin[1]IE6/7 FF Opera Safari
weiss nicht, probiermal. Denke aber, JA.
Inita
hi,
ein ganz einfacher Wunsch: ein div-Element über den gesamten Bildschirm
funktioniert so auch wunderbar, nur mit dem richtigen Doctype wirds nichts
Ich vermute, ich mache etwas falsch - aber was?
Du gibst den Vorfahrenelementen des Elements keine Höhe.
gruß,
wahsaga
Hi,
alles klar - du spielst auf body an:
<!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="en" >
<body style="height: 100%;">
<div style="border: 1px solid black; height: 100%;"></div>
</body>
</html>
tut wunderbar im IE, der FF wie Opera und Safari wollen an der Darstellung nichts ändern -> immer noch 2px hoch.
Any hints?
Erwin
Yerf!
alles klar - du spielst auf body an:
nicht nur... body hat ebenfalls einen Vorfahren.
Gruß,
Harlequin
Hi,
nicht nur... body hat ebenfalls einen Vorfahren.
und schon tut es!
Danke
Erwin