✔ Höhenangabe des DIVs einstellen

yuro · 4. Dezember 2014

Hej,

ich habe eine kurze Frage. Und zwar möchte ich die Höhenangabe immer auf 100% haben des div-containers.
D.h. Egal auf welcher Bildschirmgröße die Webseite angezeigt wird, die Box soll immer auf dem kompletten Bildschirm gestreckt sein. Bei der Breitenangabe geht das ja leicht mit width: 100%, allerdings klappt das nicht bei height.

Kann mir einer verraten wie das nochmal definiert wird?

SpiceLab · 4. Dezember 2014

Kurz und schmerzlos

CSS:

* {margin:0;padding:0}
html,body,div#box {height:100%}

HTML:

<body>
  <div id="box"></div>
</body>

yuro · 4. Dezember 2014

Perfekt danke dir. Muss jetzt nur noch rausfinden wie der Footer immer unten am Fußbereich bleibt. Zur Zeit geht er mit dem Content mit.

SpiceLab · 4. Dezember 2014

Schau mal hier: https://www.tutorials.de/threads/css-wie-laesst-sich-der-footer-am-unteren-fensterrand-ausrichten.353420/

Bei der dritten Methode mit position:absolute stattdessen position:fixed deklarieren.

✔ Höhenangabe des DIVs einstellen

yuro

Erfahrenes Mitglied

SpiceLab

ZENmechanic

yuro

Erfahrenes Mitglied

SpiceLab

ZENmechanic

Neue Beiträge