nicht angemeldet
Moin,
dein Ansatz zeigt schon mal dass du auf dem richtigen Weg bist ;-)
- Die Außenspalten sind nicht entsprechend der Größe der Mittelspalte mit dem Content.
Dieses Problem kenne ich nur allzu gut... Folgende Lösung habe ich kürzlich verwendet:
Die mittlere Spalte wird per border so zurecht gestutzt, dass rechts und links genügend Platz für beiden anderen Spalten bleibt. Die borders rechts und links bekommen die gleiche Hintergrundfarbe wie die rechts und linke Spalte.
Die rechte und linke Spalte sind absolut positioniert. Dazu ist es notwendig, dass
- Ein eventueller Header eine bekannte Höhe hat (mir fällt gerade auf das man
das eventuell umgehen kann indem man die drei Spalten in ein <div> packt.
Sollte man aber nur tun, wenn es semantisch sinnvoll ist... - Die linke und rechts Spalte eine bekannte Breite haben.
- Eventuell muss das Element, in dem sich die drei Spalten befinden noch
position:relative erhalten, damit sich position:absolute darauf bezieht.
Das ganze kann in bestimmten Fällen aber auch zu Problemen führen: Wenn die mittlere Spalte kürzer ist als die äußeren Spalten. Dann kann es zu seltsamen Ergebnissen führen. Das ganze lässt sich aber durch eine Angabe von min-height möglicherweise umgehen (Für den IE6 leider nicht).
Gruß
Stareagle