In normalem HTML konnte man einen Bereich ganz einfach mit align="center"
mittig ausrichten. Was aber, wenn die Seite XHTML-konform sein soll? Dann muss auf CSS und text-align: center
zurückgegriffen werden, das aber nur innerhalb von Block-Elementen wie <div>
-Bereichen, Absätzen und Tabellen gilt. Um ein <div>
-Element selbst zu zentrieren, setzt man in Browsern, die CSS korrekt verarbeiten können, dessen margin
auf auto
:
Moderne Browser können diese Syntax verarbeiten. Bei älteren Browsern muss allerdings etwas getrickst werden. Dort kann der zu zentrierende Bereich in einen übergeordneten eingebettet werden:
Zu beachten ist dabei, dass text-align:.center
auf alle untergeordneten Elemente vererbt wird. Will man die Zentrierung für einzelne Elemente aufheben, müssen diese etwa mit text-align:.left
ausgerichtet werden.
webphp
Weitere News:
Werde Autor auf codekicker.news
codekicker.news bietet Bloggern eine Plattform für ihre Inhalte.
Das PHP-Journal vermittelt praxisrelevantes Wissen für Entwickler von Web-Applikationen, für Content- und Online-Manager, Agenturen und Webmaster. Neben Praxisartikeln zu Programmiertechniken und Schnittstellen werden im PHP-Journal auch angrenzende Themen wie modernes Webdesign mit AJAX, Aufbau und Betrieb von Web 2.0-Communities und erfolgreiches Online-Marketing zum Beispiel über Suchmaschine-Optimierung behandelt.