title image


Smiley Hier ist etwas Aufklärung nötig:
Mit "margin-left:auto; margin-right:auto" zentriert man standardkonform Blockelemente. Funktioniert in Gecko-basierenden Browsern (Mozilla, NS6+, Firebird) und Opera (alle Versionen).



Microsoft dagegen war der Meinung, "text-align" für diesen Zweck missbrauchen zu müssen. Um genau zu sein, muss man im IE (alle Versionen) "text-align:center" auf das Elternelement anwenden, um ein Blockelement zu zentrieren.



Um also in allen Browsern eine Zentrierung zu erreichen, muss man die beiden Methoden kombinieren. Beispiel:



blockquote { text-align:center }

p { margin-left:auto; margin-right:auto }







Dieser Absatz ist zentriert.







Um nun den Text *innerhalb* des Absatzes wieder linksbündig zu haben:



blockquote { text-align:center }

p { margin-left:auto; margin-right:auto; text-align:left }





ist deprecated, schlecht, umständlich etc.

geschrieben von

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: