Probleme mit DIV-Elementen

[Detlef G.]

Hallo Kamil

Bei einem maximierten Fenster sieht das ganze so aus, wie ich es mir vorgestellt habe. Dazu sei gesagt, dass ich zum ersten Mal mit DIV Elementen und des Positionierung arbeite.

Absolute Positionierungen sind sehr häufig absolut unnötig und bereiten
mehr Probleme als Nutzen.

Wenn ich das Fenster, sowohl im IE, Opera, Mozilla und Netscape verkleiner bzw. zusammenziehe, dann taucht rechts die Scrollbar auf.

Natürlich, genau dann, wenn die im Browserfenster verfügbare Höhe unter
406px ist.

Das problem aber ist, dass wenn ich nun herunterscrolle, nehmen alle Elemente (height: 100%;) zwar die volle Höhe des grad angezeigten Fensterausschnitts an, aber gehen auch "sozusagen nicht darüber hinaus" wenn ich herunterscrolle.

Natürlich, height:100% bedeutet ja auch 100% der angegebenen Höhe des
Elternelementes, also des body.

Erst recht verschiebt sich das ganze, wenn ich Elemente wie Bilder oder Ähnliches hinzufüge!

Natürlich, diese sorgen ja auch für Scrollbalken, ohne die angegebene
Höhe für body (und damit auch der anderen Elemente) zu ändern.

min-height: 100%;

Hier das angegebene Maß, darauf beziehen sich die enthaltenen Elemente,
also 100% der Bildschirmhöhe.

height: 406;

Aha, hier haben wir also die 406px.

Überdenke deine Layoutumsetzung, verwende position:absolute nur in
Ausnahmefällen.
Die Elemente werden durch position:absolute aus dem Elementefluss genommen,
sie haben dadurch keinen Einfluss mehr auf die Größe ihrer Eleternelemente.

Auf Wiederlesen
Detlef