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