Hallo,
ich möchte folgendes machen.
Ich will meinen Bildschirmbereich in 3 Teile aufteilen:
- Top (Menüleiste)
- Center (Inhalt)
- Bottom (Sonstige Infos - wie Impressum)
Aber wie bekomme ich das ganze in die mitte und nach unten? Was noch wichtig ist, dass das ganze auch verkleinert werden kann und immer noch alles passt - ohne zu scrollen! Was fest sein soll - von der Größe ist die obere Menüleiste und die Untere, Center soll variabel sein. Oh man, wie krieg ich das nur hin, ich such schon ewig!
du hast also generell einen Container der die drei Teile beinhaltet (Top,Center,Bottom)
der in der Mitte des Browser-Fensters sein soll (falls möglich)
der sich variabel dem Inhalt (hier ist es Center, dass die Höhe bestimmt) anpasst ?
nüx leichter als das
Container 1 - umschließt alle anderen und wird mit CSS per Margin:auto Angaben mittig positioniert...und damits auch wirklich horizontal UND vertikal genau mittig ist und sich IMMER dem Browser Fenster anpasst...machst du um den Container 1 eine Tabelle mit den HTML Angaben für die Position (ich weiß veraltet, funktioniert aber dafür auch überall)
...und nu die drei Teile OHNE Positionierung
TOP --> feste Höhe/Breite geben, und overflow:hidden (sollte eigentlich unnötig sein)
Center --> feste Breite wär nicht schlecht, Höhe = variabel entsprechende Content
Bottom --> feste Breite/Höhe
und fertig
falls die Breite AUCH variable sein soll...ginge auch das, sieht aber ab bestimmten Browser-Fenster-Größen ziemlich blöd aus, dann lieber fixe Breiten...bissl scrollen hat noch keinem geschadet..und scrollen muß man dann so oder so