nicht angemeldet
Hallo CSS-Profis,
Ich versuche mich gerade an meinem ersten 3-Spalten-CSS-Layout.
Das Prinzip an sich hab ich wohl verstanden. In meinem Layout hab ich aber zusätzlich noch eine abschließende Fußzeile mit drin.
Dieser Footer soll von jeder der drei Spalten nach unten verdrängt werden können, je nachdem welcher der drei am längsten ist, damit er nie mit den Inhalten oder dem Menü überlappt.
Dies funktioniert auch gut, wenn alle drei Spalten "relative" positioniert sind.
http://www.tenevista.de/css/index1.html
Problem: Das Haupt-Div "main" treibt nicht auf die verfügbare Breite aus, was ich aber gern so haben möchte.
Wenn ich das "main"-Div absolute positioniere, dann wird die Footerzeile nicht korrekt nach unten verdrängt. (Im IE6 wird zudem das Haupt-Div trotzdem nicht ausgetrieben, wohl aber in Mozilla1.7 und Opera7).
http://www.tenevista.de/css/index2.html
Gibt es eine Lösung, in der sowohl das Hauptdiv auf volle Breite zwischen den zwei Seitenblöcken ausgetrieben wird UND gleichzeitig die Footerzeile in jedem Fall (egal welche Spalte am längsten ist) nach unten verdrängt wird? Oder ist das nur mit umständlichen Workarounds zu schaffen? Wenn ja wie?
Hier noch der Link zur CSS-Datei:
http://www.tenevista.de/css/styles.css
Die zwei Formatierungs-Varianten für "main" stehen in #main1 und #main2.
Vielen Dank für die Hilfe.
Grüße
Max