nicht angemeldet
Hallo,
dieses Forum hat mir schon oft sehr gut geholfen, doch dieses Mal konnte ich keine Lösung für mein Problem finden:
Ich möchte ein dreispaltiges Layout mit Fußzeile umsetzen, das ungefähr so aussehen soll:
| | | |
| Menü | Spalte 1 | Spalte 2 |
| | | |
| |-------------------------------------------|
| | Fusszeile |
| |-------------------------------------------|
Das Menü ist eine div mit float:left, die beiden Inhaltsspalten befinden sich in einer extra div mit einem margin nach links. Spalte 1 hat dann wieder einen float:left, Spalte 2 einen margin nach links.
Alle drei Spalten können unterschiedlich lang sein, oft ist das Menü wie oben in der Skizze Länger als die beiden Inhaltsspalten. Wenn ich nun hinter die beiden Inhaltsspalten ein Element mit clear:both setze, wird die Fusszeile aber bis unter das Menü gerückt (außer im IE). Das sieht dann so aus:
| | | |
| Menü | Spalte 1 | Spalte 2 |
| |---------------------|---------------------|
| | |
| | |
| | |
|-------------------------------------------------------|
| Fusszeile |
|---|
Wie kann ich das verhindern? Ich sitze da heute schon den ganzen Tag dran und habe mir die Augen wundgegoogelt.
Besten Dank,
Rolf