Horizontal und vertikal zentrieren

DruckversionPDF version

Sie können Ihre Webseite einfach horizontal zentrieren über die body Angabe des Style-Sheets - Voraussetzung dafür ist allerdings, dass Sie nicht absolut positionieren - in diesem Fall wird der angegebene Abstand vom Browserfenster berechnet.

body {margin:auto;}


Beispiel: zentrieren.html

die CSS-Datei: zentrieren.css

Horizontal und vertikal zentrieren können Sie mittels zweier <div> Container - der erste Container berechnet den Mittelpunkt der Webseite als linken oberen Punkt der Webseite, der zweite verringert anschließend den Abstand vom Browserfenster um 50 Prozent Ihrer Webseite.

Beispiel: horizontale und vertikale  Zentrierung mit relativer Positionierung von Menü und Inhalt

Die .css Dateien: strassenfest.css (Zentrierrung und Menü) und ie.css (stellt den hover Effekt des Menüs in allen Internet Explorer Versionen sicher)
 

 

rhein-main-experten.de wird überprüft von der Initiative-S