CSS-Hilfe für Entwickler: (Web)Seite(n) mittig positionieren / zentrieren

CSS-Hilfe für Entwickler: (Web)Seite(n) mittig positionieren / zentrieren

Jul 20

Eine kleine Hilfe für Webentwickler die Webseite(n) mittig positionieren müssen. Der Vorteil an dieser Version: Die Webseite wird nicht bei sehr kleinen Auflkösungen links abgeschnitten.

NEU (Bei zu geringen Auflösungen=Seite links auf 0)

#container {
top:0;
width:900px;
margin:0 auto;
padding:0;
display:table;
}

ALT (Bei kleinen Auflösungen links abgeschnitten und scroll nur nach rechts möglich.)

#container {
top:0;
left:50%;
width:900px;
margin:0 0 0 -450px;
position: absolute;
}

Tested: FF 3.6.6 (Mac OS X 10.6.4), Safari 5 (Mac OS X 10.6.4), IE7 (Win 7)
Freu mich über Kommentare.

Schlagwörter: , , , , , , , , , , , , , ,