Tommy: DIVs: Mischung von absoluten und %-Angaben

Beitrag lesen

Yerf!

Kann mir jemand einen Schubser in die richtige Richtung geben?

Die flexible Breite entsteht automatisch über den Defaultwert von width (auto). Diese bewirkt, dass die zur verfügung stehende Breite voll genutzt wird. Bei der Höh funktioniert dies allerding nicht, da hier das Defaultverhalten eine möglichst minimale Höhe bewirkt. Die Ansätze für einen Footer wie im Beispiel laufen meist unter dem Stichwort 'faux Columns', da sollte sich hier im Forum einiges finden lassen.

Das mit der automatischen Breite funktioniert gut und auch faux-columns ist ein sehr guter Ansatz. Zwei Probleme stellen sich hierbei jedoch noch:

  1. Das Logo links oben ist nicht gleich hoch wie der Header rechts oben, weshalb Navigation und Content nicht auf der selben Höhe beginnen was "float" unmöglich macht. Aber das sollte gelöst werden können indem einfach das Logo ein bisschen kleiner und der Header größer gemacht werden sodass sie die selbe Höhe aufweisen.

  2. Der Footer soll immer ganz unten am Ende der Seite aufscheinen. Lässt sich über Position: absolute und bottom: 0px schön lösen. Aber wenn nun der Contentbereich so groß wird, dass man Scrollen muss, verschwindet die Schrollbar hinter dem Footer. Kann ich Content und Navigation also irgendwie sagen, dass sie nicht ganz bis ans Ende des Bildschirms gehen dürfen sondern 20px vorher aufhören müssen?

Danke für deine Hilfe
lg
Tommy

Gruß,

Harlequin