Andreas: 3 Spalten Seitenlayout mit div's - Footer - position relative

SELF-Forum

3 Spalten Seitenlayout mit div's - Footer - position relative

Andreas
– Informationen zu den Bewertungsregeln

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.

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. 3 Spalten Seitenlayout mit div's - Footer - position relative

    wahsaga Homepage des Autors
    – Informationen zu den Bewertungsregeln

    hi,

    Da der Footer gestückelt aus einem Hintergrundbild besteht, müssen alle Footergrafiken auf einer Linie angezeigt werden.

    Wenn dein Footer ein Element ist, welches über die komplette Breite geht, sollte das doch wenig problematisch sein.

    Problem:
    Ich habe versucht den Footer mit "position: relativ;" richtig zu positionieren

    Ich erkenne gerade nicht, warum dir das überhaupt notwendig erschien, damit es "richtig" angezeigt wird.

    P.S.: Hast du den Feature-Artikel über Footer aller Art schon in Augenschein genommen?

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. 3 Spalten Seitenlayout mit div's - Footer - position relative

      Andreas
      – Informationen zu den Bewertungsregeln

      Den Artikel über footer habe ich gelesen.
      Mit richtig positionieren meine ich den footer an den Text in box2 mitte zu setzen.
      Siehe: http://develop.bsk-info.com/tryout/index2.html

      Wenn du unten schaust schließt der Footer nicht richtig ab (box2 mitte rechtsunten). Dies liegt allerdings an der grafik linksunten. Es ist eine etwas höhere Grafik da der Rand wegen dem Verlauf anderst aussieht.

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln