Div mit fester Startposition ans Seitenende ausrichten

[Sara_k]

ich habe ganz oben ein Banner mit 100px Höhe.

Nun möchte ich unterhalb von diesem eine Div Box positionieren (top: 100px) und dieses bis zum Seitenende laufen lassen und mit einer Scrollbar versehen.

Die Scrollbar ist drin nur kann ich diese Box nicht ans Seitenende anpassen, wenn es zu groß ist muss man auf der Seite selbst und nochmal in der Box scrollen was etwas "unhandlich" ist. Wenn die Box zu klein wird sieht das auch wieder nicht gut aus vor allem bei höheren Auflösungen.

Jemand mögliche Vorschläge oder Denkanstöße?

Edit:

height: 100% - 100px;

Das wäre die Lösung, wenn es möglich wäre... Kann man das irgendwie erreichen ^^?

 

[Sara_k]

Hab inzwischen eine andere Lösung gefunden um den gewünschten Effekt zu bekommen.

Nur der Content lässt sich scrollen, der Rest ist fixiert (position: fixed;)

Dennoch würd mich aus reiner neugier interessieren ob man etwas in der Richtung wie:

height: 100% - 100px;

mit Css realisieren kann.

 

[neuroleptika]

Mit:

position: absolute;
top: 100px;
bottom: 0px;
overflow: auto;

Kannst du Platz für einen Koppfbereich frei lassen.

Der IE (bis Vers.6) kann mit bottom und top das Element nicht aufspannen.
Aber im Quirksmode kannst du wegen des fehelerhaften Boxmodells mit padding-top oder border-top 100px von height:100% abziehen.

Ich finde solche Frame-Nachbauten nicht schön.
Außerdem müßtest du dich in die Sonderheiten des IE-Quirks einarbeiten.


Eine pauschale Antwort auf alle Layotideen mit Fixen Bereichen für alle Browser gibt es nicht gibt es leider nicht.