Liebe Leser,
wie kann ich denn den im folgenden Minimalbeispiel vorhandenen Inhaltselementen #header, #container und #footer relative und somit prozentuale Höhenangaben zuweisen?
HTML-Code:
<!DOCTYPE html>
<html lang="de">
<head>
<body id="top" class="win firefox gecko fx38">
<div id="wrapper">
<header id="header">
<div id="container">
<footer id="footer">
</div>
<script>
</body>
</html>
Mir ist natürlich bewusst, dass die Child-Elemente immer eine Bezugsgröße ihres jeweiligen Parent-Elements benötigen.
Wenn ich nun also die Parent-Elemente und deren Child-Elemente per CSS auf die volle Bildschirmhöhe ausdehne...
Code:
html,
body,
#top,
#wrapper { height: 100%; }
... und nachfolgend auch die gewünschten Child-Unterelemente mit einer spielerischen Beispielhöhe versehe...
Code:
#header,
#container,
#footer { height: 33,3333%; }
... dann passiert in Contao einfach mal rein gar nichts.
In welcher Passage kam mein unterdurchschnittlicher Intellekt an seine Grenzen?
Besten Dank für Eure Unterstützung!
Viele Grüße
KloBoBBerLe
Lesezeichen