Yerf!
- 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.
Hier hilft evtl. eine zusätzliche Schachtelung. Einfach Logo und Menü in einem Links gefloateten Div zusammenfassen und dann Überschrift und Text in einem 2. Div zusammen.
- 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?
Hier könnte ein Padding-Bottom am Content-Container helfen.
Gruß,
Harlequin