Thorolf: Content im Webbrowser zentriert darstellen

Beitrag lesen

Hallo,

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

Ich habe eine dreigeteilte Seite bestehend aus Header, Content und Footer/Nav, diese soll immer zentriert im Web-Browser stehen was für Header und Footer/Nav auch funtioniert.

Der Content wird aber entweder zentriert über das gesamte Browserfenster dargestellt (Test 1) oder aber am linken Rand zentriert (Test 2) oder linksbündig (Test 3).

Beispiel siehe: http://www.godawa.de/test_css/test1.htm

Auszug aus der CSS:

body {
    top:0; left:0; right:0;
    min-height:100%; width:100%;
    margin:0; border:0; padding:0;
    position:absolute; background:#BBBEC3;
    font: normal 100.01% Helvetica, Arial, sans-serif;
}

html {
    top:0; left:0; right:0;
    min-height:100%; width:100%;
    margin:0; padding:0;
}

#header_container {
    position:fixed;
    top:0; left:0; right:0;
    height:99px;
    margin:0;
    text-align:center;
    z-index:2;
}

#header {
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    height:100%; width: 100%;
    margin:0; padding:0;
    background:#BBBEC3;
    z-index:3;
}

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

#content_test1 {
    position:absolute;
    overflow:auto;
    top:0; left:0; right:0; bottom:0;
    height:100%; width: 100%;
    text-align:center;
    background:#BBBEC3;
    z-index:3;
}

#content_test2 {
    position:absolute;
    overflow:auto;
    top:0; left:0; right:0; bottom:0;
    width: 790px; height:393px;
    text-align:center;
    background:#BBBEC3;
    z-index:3;
}

#content_test3 {
    position:absolute;
    overflow:auto;
    top:0; left:0; right:0; bottom:0;
    width: 790px; height:393px;
    background:#BBBEC3;
    z-index:3;
}

Was mache ich falsch?

Web-Browser ist der FF 1.0.3 bzw. Moz. 1.7.7 unter OS/2 bzw. NT4!

Vielen Dank für Eure Hilfe,

Thorolf