Hilfe bei Layout mit langen Texten

[lddd]

Hallo,

ich brauch etwas Hilfe. Ich stehe vor dem Problem ein Layout in HTML umzusetzen.
Dafür möchte/verwende ich das HTML5 Boilerplate von Paul Irish.

Die Seite soll später nämlich für mögichst viele Browser und Plattformen kompatibel sein
inkl. iPhone.

Das Layout soll so aussehen das man in allen 4 Browser Ecken Container hat für ein
Logo (oben rechts), eine Top Navigation (oben links), eine Footer Navigation (unten links) und eine Grafik (unten rechts). Nun zu meinem eigentlichen Problem.

Diese 4 Container sollen immer in den Ecken stehen bleiben. Egal ob der Benutzer die Seite kleiner skaliert oder größer. Dazu kommt das ein Hauptcontainer (für den Content von langen Texten, der in der Mitte positioniert werden soll, welcher in der Höhe also expandieren können.

Wie würde man solch ein Layout am besten realisieren?

 

[zatec]

Ich würde mit position: fixed arbeiten. Das heißt du gibst den Containern diese Positionsart und gibst eben an, an welcher Stelle im Browser sie sich befinden sollen. Soll das Logo z.B. ganz oben rechts sitzen, gibst du ihm top: 0; und left: 0;
Ein Container der sich unten rechts befinden soll bekommt bottom: 0; und right: 0; usw.