✔ Einen Rahmen genau mittig setzen auch bei 800x600

[nicolettcha]

Hallo,

ich verzweifle langsam daran, einen Rahmen auch für 800x600 mittig zu setzen. Solange die kleinste Auflösung 1024x768 ist, kein Problem mit:

body { height: 100%; width: 100%;
text-align: center; }

#hauptebene {
position: absolute;
top: 50%;
left: 50%;
width: 54em;
height: 30em;
margin-left:-27em;
margin-top:-16em; }

Aber durch die negative Ausrichtung sieht man dann bei einer 800x600 Auflösung (die ja leider immer noch benutzt wird) die linken Inhalte nicht mehr.

Hat jemand eine Idee, wie man (evtl. mit float) dieses Problem lösen kann?

 

[nightryu]

horizontal kannst du das mit folgendm css..

margin-left:auto;
margin-right:auto;

..zentrieren, vertikal siehts schlecht aus soweit ich weiss.
aber da hilft dir google, ich habe das bisher leider nochnicht geschafft

 

[nicolettcha]

Ich habs jetzt rausgefunden:

Nach Fricca: http://d-graff.de/fricca/center.html

#distance {
width:1px;
height:50%;
margin-bottom:-16.5em;
float:left;
}

#container {
margin:0 auto;
position:relative;
text-align:center;
height:33em;
width:58em;
clear:left; }

geht auch für Firefox und sogar mit XHTML und STRICT!

 

[Maik]

Hi,

nichts anderes hatte bereits nightryu mit

margin-left:auto;
margin-right:auto;

vorgeschlagen, was gleichzusetzen ist mit

#container {
margin:0 auto;
position:relative;
text-align:center;
height:33em;
width:58em;
clear:left; }