Sven Rautenberg: CSS auf MAC

Beitrag lesen

Moin!

Nur die Sache mit dem div und text-align:center funktioniert unter Mac-OS und Internet Explorer nicht.
Hast du vielleicht irgendeine Idee woran das liegen könnte?

text-align ist für Fließtextformatierung (inline-Content genannt) zuständig. Die Formatierung wirkt auf _enthaltene_ Elemente.

<div> sind aber keine inline-Elemente, sondern Blockelemente. Und da text-align nach innen wirkt, kriegst du ein div auch nicht zentriert, wenn du text-align auf das <div> selbst anwendest.

Zentrierung erreicht man, indem man die margin-Angaben (links und rechts) eines <div> auf "auto" setzt und gleichzeitig eine feste Breite angibt.

<div style="width:100px; margin-left:auto; margin-right:auto;">

Dummerweise kennt der IE (wieder mal) den CSS-Standard nicht und zentriert sowas nicht. Du mußt auf das dieses <div> umgebende Element text-align:center anwenden und diese Formatierung innerhalb des <div>s wieder rückgängig machen (die Eigenschaft wird vererbt, alles wäre zentriert).

http://aktuell.de.selfhtml.org/tippstricks/css/ausrichtung/index.htm

- Sven Rautenberg

--
ss:) zu:) ls:[ fo:} de:] va:) ch:] sh:) n4:# rl:| br:< js:| ie:( fl:( mo:|