panzi555: Wie div Höhe koordinieren

SELF-Forum

Wie div Höhe koordinieren

panzi555
– Informationen zu den Bewertungsregeln

Hallo,
eine Frage:
ich moechte auf meiner Seite zwei divs (breite 100%) so anordnen,
dass der obere div (=navivgation) die Hoehe hat die sein Inhalt braucht
und der zweite div den Rest des Fensters einnimmt...

ich hoffe ich kann mich verständlich machen.
Bisher habe ich es mit Prozentangaben geloest, da bleibt mir aber bei Monitoren mit
hoher Aufloesung ein ungenutzter Zwischenraum... ich wuerde das also gerne besser loesen.

vielen dank fuer jeden tip

Auszug aus Html-Datei

<body scroll="no" bgcolor="#333333">
<div id="box" style="height:100%;">
<div id="Layer2" class="scroll" style="width:100%;height:20%">
</div>

<div class="scroll" id="Layer5" style="position:relative;width:100%; height:78%; ">
 ...
</div>

</div>
</body>

Auszug aus CSS-Datei

.scroll {
 float:left;
   overflow:scroll;
   overflow-x:hidden;

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Wie div Höhe koordinieren

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    ich moechte auf meiner Seite zwei divs (breite 100%) so anordnen,
    dass der obere div (=navivgation) die Hoehe hat die sein Inhalt braucht […]

    Das erreichst du, indem du keine Höhenangabe machst.

    […] und der zweite div den Rest des Fensters einnimmt...

    Warum sollte er das tun?

    Um das Layout zu beeinflussen, steht dir noch die umschließende Box zur Verfügung.

    Bisher habe ich es mit Prozentangaben geloest, da bleibt mir aber bei Monitoren mit
    hoher Aufloesung […]

    Die Monitorauflösung hat nichts mit der Größe des Viewports zu tun. Letztere ist für dich von Interesse. http://forum.de.selfhtml.org/archiv/2005/8/t113603/#m721530, z.B.

    […] ein ungenutzter Zwischenraum...

    Und bei kleinem Viewport passt der Text nicht in die Box.

    vielen dank fuer jeden tip

    Verzichte auf style-Attribute. http://forum.de.selfhtml.org/archiv/2005/8/t113398/#m719894, z.B.

    Live long and prosper,
    Gunnar

    --
    „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln