PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : 100% hohes Element per CSS erstellen?

Gohan
2005-10-16, 16:52:46
Hi,
ich suche eine möglichkeit ein Element zu erstellen, das das Brower-Fenster mit 100% in der höhe ausfüllt. Ist das möglich?
Gast
2005-10-16, 17:50:54
body, html {
height: 100%;
}

#element {
height: 100%;
}
PuppetMaster
2005-10-16, 18:39:29
body, html {
height: 100%;
margin: 0;
}

Nicht vergessen, sonst gibts in Gecko und Opera nen unnötigen vertikalen Scrollbalken.
Gast
2005-10-16, 18:58:03
Das margin ist im Standardkonformen Modus nicht nötig.
PuppetMaster
2005-10-16, 19:09:32
Doch, habs ausprobiert mit XHTML 1.0 Strict. Nur im IE (6) wurde kein Balken angezeigt.

/edit
Sogar im IE. Der war nämlich wegen XML-Prolog im Quirks-Mode. :rolleyes:
Gohan
2005-10-16, 19:17:48
Hm... wie binde ich das ein?

Ich habe ein paar div Elemente und das unterste soll halt 100% sein. Schaffe ich das damit?
Kinman
2005-10-16, 19:38:28
Am besten zeigst mal was Du machen willst ;)

mfg Kinman
PuppetMaster
2005-10-16, 19:43:07
Etwa so:

<!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" lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Testseite</title>
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
}
.aussen {
height: 100%;
}
</style>
</head>

<body>
<div class="aussen">


<!-- Platz für innere Elemente -->


</div>
</body>
</html>

(Speziell für Opera gabs noch ein padding: 0;)
Gohan
2005-10-16, 19:59:52
Funktioniert das so bei allen im Browser? :)

http://www.seijin.de/pc/test2.htm
Kinman
2005-10-17, 00:03:46
IE6 & Opera 8.5: ja einwandfrei

mfg Kinman
Gohan
2005-10-17, 06:30:01
IE6 & Opera 8.5: ja einwandfrei

mfg Kinman

Ok, danke :) Da bei mir Safari und Firefox auch keine Fehler machen, sollte es eigentlich überall funktionieren. (Hoffe ich!)