Ingo Turski: Content im Webbrowser zentriert darstellen

Beitrag lesen

Hi,

vermutlich ist es nur eine Kleinigkeit, aber ich kommen nicht drauf :-(

Nein, das ganze Konzept ist mangelhaft.

body {
    right:0;
    min-height:100%;

der IE ignoriert diese Angaben.

html {
    top:0; left:0; right:0;

wozu das?

position:fixed;

Der IE kennt dies auch nicht.

#content_container {
    position:fixed;
    top:99px; left:0; right:0;
    height:393px; width: 790px;
    height:393px; width: 100%;
}

Hier erzeugst Du ein DIV über die gesamte Fensterbreite. In zu niedrigen Fenstern wird der Inhalt unten unerreichbar abgeschnitten.

#content_test1 {
    position:absolute;
    overflow:auto;

Hier erzeugst Du einen Scrollbalken für den sichtbaren Teil, wobei im Firefox das Scrollrad nicht funktioniert.

#content_test2 {
    position:absolute;
    overflow:auto;
    top:0; left:0; right:0; bottom:0;
    width: 790px; height:393px;

Hier beschränkst Du die Breite und richtest das DIV linksbündig aus...

text-align:center;

..und zentrierst den Inhalt.

#content_test3 {
    position:absolute;
    overflow:auto;
    top:0; left:0; right:0; bottom:0;
    width: 790px; height:393px;

dito.

Was mache ich falsch?

Vor allem der Footer mit der Navigation verschwindet in etwas kleineren Fenstern als erstes im Nirwana.
Der gängige Weg wäre, die Seite in einen Container zu setzen und diesen zu zentrieren.

freundliche Grüße
Ingo