Claudio: Seitenaufbau mit DIVs und 100% Höhe

SELF-Forum

Seitenaufbau mit DIVs und 100% Höhe

Claudio Homepage des Autors
– Informationen zu den Bewertungsregeln

Guten Tach zusammen!

Folgende Ausgangslage:

- XHTML 1.0 Strict
 - Seitenaufbau mit DIVs per CSS-Formatierung
 - DIV Header: als Kopfzeile für Logo
 - DIV Text: für späteren Seiteninhalt
 - DIV Links / Rechts: Rahmen um den Seiteninhalt mit Schattierung
 - DIV Footer: als Fußzeile
 - DIV Content: Als Haupt-DIV aller Inhalte (Höhe 100%)

Problematik:
Das gewünschte Erscheinungsbild wird gestört wenn der Inhalt des TEXT-DIVs großer als das Browserfenster wird. Ein Scrollbalken wird eingeblendet (für das gesamte Fenster), unterhalb des sichtbaren Fensterbreichs verlieren die DIVs ihre Formatierung.

Scheinbar wird die Höhenangabe von 100% auf den sichtbaren Fensterbereich und nicht auf den relativen Seiteninhalt bezogen?! Wie kann ich die Problematik umgehen/beheben?

------ BEISPIEL ------
http://www.rollerhof-bremen.de/de/test.php

Besten Dank für Lösungsvorschläge.

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Seitenaufbau mit DIVs und 100% Höhe

    Cheatah
    – Informationen zu den Bewertungsregeln

    Hi,

    Scheinbar wird die Höhenangabe von 100% auf den sichtbaren Fensterbereich und nicht auf den relativen Seiteninhalt bezogen?!

    height: 100% bezieht sich auf die Höhe des umgebenden Elements.

    Wie kann ich die Problematik umgehen/beheben?

    Beschäftige Dich mit Eigenschaften wie overflow und top/right/bottom/left bei position:absolute, unter Beachtung der Unfähigkeiten des IE.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Seitenaufbau mit DIVs und 100% Höhe

    Detlef G.
    – Informationen zu den Bewertungsregeln

    Hallo Claudio,

    Scheinbar wird die Höhenangabe von 100% auf den sichtbaren Fensterbereich und nicht auf den relativen Seiteninhalt bezogen?! Wie kann ich die Problematik umgehen/beheben?

    Ja, worauf denn sonst?
    Würden sich die 100% auf den relativen Seiteninhalt beziehen, könntest du sie
    auch weglassen.

    Versuche mal min-height:100%.
    Das kennt dann der IE zwar nicht.

    Auf Wiederlesen
    Detlef

    --
    - Wissen ist gut
    - Können ist besser
    - aber das Beste und Interessanteste ist der Weg dahin!
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. Seitenaufbau mit DIVs und 100% Höhe

    Ingo Turski Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    - DIV Header: als Kopfzeile für Logo
     - DIV Text: für späteren Seiteninhalt
     - DIV Links / Rechts: Rahmen um den Seiteninhalt mit Schattierung
     - DIV Footer: als Fußzeile
     - DIV Content: Als Haupt-DIV aller Inhalte (Höhe 100%)

    ein paar DIVs hier dürften durch passendere Tags ersetzt werden können.

    Problematik:
    Das gewünschte Erscheinungsbild wird gestört wenn der Inhalt des TEXT-DIVs großer als das Browserfenster wird.

    nicht nur dann. Du machst offensichtlich den Fehler und prüfst das Erscheinungsbild mit dem IE. Nimm mal den Mozilla und setze auch mal den Schriftgrad herauf.

    Scheinbar wird die Höhenangabe von 100% auf den sichtbaren Fensterbereich und nicht auf den relativen Seiteninhalt bezogen?! Wie kann ich die Problematik umgehen/beheben?

    nicht nur scheinbar. Verzichte auf die Höhenangabe und stelle einfach genügend Content in die Seiten, daß diese nicht zu niedrig werden. Und bei Angabe von height:100%; macht min-height:100%; keinen Sinn mehr.

    freundliche Grüße
    Ingo

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln