Zentrierte Box

[Xen]

Guten Morgen Community,

um Websiten zu zentrieren in CSS benutze ich bisher immer diese Variante benutzt:

#center { 	  
  position:absolute;  
  height:500px;  
  width:700px;  
  margin:-250px 0px 0px -350px;  
  top: 50%;  
  left: 50%;  
  overflow: auto;  
}  

Diese Website habe ich mal auf meinem IPhone ausprobiert. Leider wird dabei oben die Website abgeschnitten und ich kann auch nur runter scrollen und nicht nach oben. Nun habe ich mal im Internet gesucht aber nichts wirklich hilfreiches gefunden. Ich habe selbst einige Sachen ausprobiert aber nicht wirklich das richtige gefunden.

Eine Lösung war hierbei

#center { 	  
  position:absolute;  
  height:620px;  
  width:980px;  
  margin:0px 0px 0px 0px;  
  top: 10%;  
  left: 10%;  
  overflow: auto;  
}  

Allerdings ist somit die Seite nicht mehr richtig mittig.

Hat hierfür jmd eine Lösung?

[suit]

Hat hierfür jmd eine Lösung?

Horizontal und vertikal zentrieren mit XHTML und CSS

username: suit
password: rebell

Btw: ja, der Download des Sourcecodes funktioniert nicht (das File fehlt, die Seite ist nicht fertig :p)

[Xen]

Morgen Suit,

vielen dank für deine Antwort. Lese mich gleich einmal richtig ein.

Ich weiß das em-Angaben eigentlich besser sind, sollte aber auch mich pixel gehn oder?

[suit]

Ich weiß das em-Angaben eigentlich besser sind, sollte aber auch mich pixel gehn oder?

Erklärung der Funktionsweise
[...]
Relative oder absolute Größenangaben

Die im Beispiel gewählten em-Werte lassen sich problemlos durch andere Einheiten, etwa ex oder px ersetzen. [...]