Overflow und prozentuale Höhe innerhalb eines 100% Divs
Hallo,
ich habe einen DIV, der 100% der Höhe einnimmt und vertikal zentriert ist: Code:
.main_res Habe folgendes versucht: Code:
#res Weiß jmd, wie man den Div auf die maximale Höhe bekommt? Der HTML Code ist recht schlicht: Code:
<div class="main_res"> |
Ok anscheinend funktioniert es nicht, einem DIV-Container eine prozentuale Höhe zu verpassen, wenn ich nun meine ganzen Google-Ergebnisse der letzten Stunde richtig verstanden habe ...
Ist es denn irgendwie möglich (ggf auch mittels Javascript), den zwischen Header und Footer (welche sich in einem 100%-hohen Div-Container befinden) zu bestimmen und somit dann den entsprechenden DIV auf diese Höhe (in px) zu setzten!? |
Hi,
also erstmal: position:absolute brauchst du da nicht. Positioniere es wie hier zu sehen ist. Steht auch unter Punkt 5 unserer CSS-FAQ. Warum gibst du überhaupt eine Höhe für #res an? Das sollte doch auch ohne gehen. |
Hey erstmal,
ok danke, aber was ist an dieser Methode besser? position:absolute brauche ich schon, wenn ich eben diese Methode nutzte, wie ich sie per Google gefunden habe :) Hm, wenn ich kein height für #res angebe, woher soll der div dann seine Höhe erfahren? Das Logo soll ganz oben angezeigt werden und der Footer ganz unten bei einer Höhe von 100%, nur der Platz dazwischen soll ausgefüllt werden. Würde ich keine Höhe vergeben, so würde viel Text den Footer ggf. komplett untne rausschieben... Edit: Habe es nun mit Hilfe von jQuery gelöst, da das bei mir sowieso eingesetzt wird: Mittels .height() kann man die Höhe des ganzen Containers (des 100% Containers) erhalten (in px), und davon ziehe ich dann die Höhe des Footers und Headers ab und habe somit den freien Platz in px :) Davon werden noch kleine Schönheitsabstände abgezogen und dann kann ich den Div auf diese Höhe setzten!! Falls es natürlich eine css-only Lösung gibt, wäre es interessant, wie diese aussehen würde :) |
Alle Zeitangaben in WEZ +2. Es ist jetzt 22:11 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023