Hallo,
ich möchte einen absolut positionierten DIV-Container unabhängig der Fenstergrösse zentrieren. Für left und right ist der Wert "auto" in diesem Fall wohl nicht korrekt. Gibt es da eine andere Möglichkeit?
Danke und Gruss
city
Hallo City
Ich hatte das gleiche Problem. Ich hab's so gelöst:
----------------------
css:
#Body
{
margin: 0;
padding: 0;
width:100%;
height:100%;
}
#Back
{
width: 1000px;
height: 600px;
border: 1px solid black;
margin: -300 -500;
position: absolute;
top: 50%;
left: 50%;
overflow: hidden;
}
HTML:
<div id="Back">
/.. Jede Menge Inhalt ../
</div>
--------------------------
So habe ich einen fest vordefinierten 1000x600er Container sowohl senkrecht, als auch waagerecht immer zentriert, egal, wie groß die Bildschirmauflösung ist. Allerdings ist die MINIMAL-Größe 1024x768 Pixel.
Das Problem, das ich damals hatte, war, dass ich - wie jetzt auch du - das margin: nicht mit 0 0 oder gar mit 50% benutzen durfte (das kommt an anderer Stelle), wie oftmals angegeben, sondern mit genau den halben Werten dessen angeben musste, wie der Container groß ist. Ist dein Container als 650x500 groß, dann musst du folglich
margin: -250 -325;
eingeben. Die erste Koordinate ist immer die Höhe, nicht die Breite des Bildschirms.
Gruß Rawir