nicht angemeldet
Hallo zusammen,
in einer HTML Datei start.html mit DIV Layout gibt es einen Container ID = "content". content soll die ganze Bildschirmfläche einnehmen, bis auf jeweils ein Header- und Footer-DIV mit 20px Höhe.
Innerhalb von content gibt es zwei Spalten, ebenfalls realisiert mit DIVs.
So sieht das also in etwas aus.
<body classes=...>
<div class="header">das ist ein 20px hoher header</div>
<div class="content">
<div class="spalte_1">
Diese Spalte hat float left und 200px Breite
</div>
<div class="spalte_2">
Diese Spalte nimmt den Rest der Bildschirmbreite ein und hat kein Overflow
</div>
</div>
<div class="footer">das ist ein 20px hoher footer</div>
</body
Mein Problem ist, dass ich nicht weiss, wie ich es hinbekomme, dass spalte2 immer den Rest des Bildschirmes ausfüllt, und zwar auch bei Vergrössern und Verkleinern des Browserfensters.
Ich möchte das Ganze gerne ohne Javascript lösen, weiss aber ehrlich gesagt nicht wie. Auch soll verhindert werden, dass spalte2 durch ein float plötzlich unter die spalte 1 rutscht.
Hat jemand einen Tipp für mich?
Danke und Grüsse
Rhodes