DIV zentriert und 100 %

[Tina Koch]

Hallo,

ich habe ein Problem.
Ich habe eine Seite die mit DIVs aufgebaut werden soll.
Der Content DIV soll sozusagen zentiert werden und eine Mindestgröße haben, die Höhe soll variabel sein, also wenn mehr Inhalt dann, soll sich das DIv aufziehen.

Habe schon viel probiert mit height 100% dann habe ich aber vom unteren Fensterrand keinen Abstand mehr. Ich brauche zu allen Fensterrändern einen Abstand.
Oder im IE und Firefox sieht es total unterschiedlich aus. Bei Height 67 % (da passt es von den Abständen)
Der IE macht die Höhe immer nur so hoch wie der Inhalt ist. Und der Firefox zieht es auf, nur sobald mehr Inhalt drin ist, lässt er den Text über den Rand des DIVs rausragen. Scrollen soll aber das DIV ansich nicht.

Kann mir jemand weiterhelfen, wie ich das hinbekomme?

[Gunnar Bittersmann]

Ich habe eine Seite die mit DIVs aufgebaut werden soll.

Tina,
Das hört sich nicht gesund an, sondern nach ernstem Fall von Divitis.

Der Content DIV soll sozusagen zentiert werden und eine Mindestgröße haben,

Du meinst Mindesthöhe? min-height.

Der IE interpretiert das nicht, dafür aber behandelt er height wie min-height.

div {min-height: 67%}  
* html div {height: 67%}

Die 67% hab ich mal so von dir übernommen, aber …

Bei Height 67 % (da passt es von den Abständen)

Davon ist nicht auszugehen, da das Fenster des Nutzers in den seltensten Fällen genauso groß ist wie bei deiner Testumgebung.

Und da sich die 67% auf den Viewport beziehen, muss der erstmal das Browserfenster ausfüllen:

html, body {height: 100%}

Live long and prosper,
Gunnar