nicht angemeldet
Hallo allerseits,
ich habe ein (typisches Liquid-) Layout mit folgenden DIVs:
#Header (oben, Breite 100%)
#Navi (links, feste Breite: z.B. 200px)
#Content (rechts neben der Navi, Breite: restlich zur Verf. stehende Breite)
#Footer (unten, Breite 100%)
Ein Beispiel, das genauso aufgebaut ist, findet man hier.
Dieses Beispiel hat jedoch folgendes Problem:
Der Footer wird (wenn der Content-Bereich aufgrund wenigen Inhalts niedriger als die Navi ist) von der Navi überdeckt, da sich die Position des Footers nur an der Höhe des Content Bereichs orientiert. Die Navi hat dabei (da sie absolute positioniert ist) keinen Enfluss auf die Position des Footers.
Wünschenswert wäre nun, dass sich die Position des Footers an der Höhe des höheren Elemets (Navi ODER Content) orientiert, so dass der Footer z.B. immer 40px unter dem höheren Element bleibt und somit nie mit anderen Elementen "kollidiert".
Kann mir vielleicht jemand bei diesem Problem weiterhelfen?
Danke und Grüße!