Hi,
ich versuche mich gerade an einer Layout Umsetzung per CSS über div's.
Nach lesen zahlreicher Layout Vorschläge und googeln bin ich mittlerweile bis zum footer vorgestoßen =). Nun ergibt sich mir allerdings folgendes Problem an dem ich jetzt seit 2Tagen verweile:
Hier erstmal ein Bild (hoffe ist verständlich beschrieben) wie das ganze aussehen soll.
http://develop.bsk-info.com/tryout/forum_divlayout.gif
Nochmal in Worten:
Es gibt 3 "boxen" auf der Seite (3 Spalten Layout).
Box1 links, Box2 mitte und Box3 rechts passen sich bereits in der Höhe ihrem Inhalt an.
Da der Footer gestückelt aus einem Hintergrundbild besteht, müssen alle Footergrafiken auf einer Linie angezeigt werden.
Die Box2 mitte, hat den meisten Content und ist somit eigentlich immer höher als Box1 links und Box3 rechts. Hierdurch entsteht ein Freiraum zwischen Ende Box1 links und Ende Box3 rechts zum Footer. Diesen Freiraum fülle ich momentan über ein Hintergrundbild in einem umfassenden div der 3 boxen auf.
Problem:
Ich habe versucht den Footer mit "position: relativ;" richtig zu positionieren, dies funktioniert allerdings nur teilweise im Firefox.
Im IE wird der Footer dann nicht mehr angezeigt.
Hierzu nochmal 2 Links.
Einmal mit "position: relative;" : http://develop.bsk-info.com/tryout/index.html
und einmal ohne (hier wird noch alles angezeigt wie's sein soll):
http://develop.bsk-info.com/tryout/index2.html
Ich hoffe ich habe das Problem einigermaßen deutlich dargestellt ^^
Vielleicht habt ihr ja ein paar Vorschläge und könnt mir damit evtl. etwas weiterhelfen. Danke schonmal im Voraus dafür.