✔ Text zentrieren in XHTML 1.0 strict?

[Gladiator6]

Hallo

Habe eine ganz einfache Frage, bisher aber keine Antwort gefunden.

Wie muss ich einen Text oder ein Bild mit HTML zentrieren, damit die XHTML 1.0 strict Norm (sagt man dem so?) erfüllt wird?

bisher habe ich die Zentrierung immer über <div align='center'>text</div> vorgenommen. zB. Dreamweaver scheint das auch auf diese Art zu bewerkstelligen. Leider meldet der W3C Validator (http://validator.w3.org/) einen Fehler wenn ich ein Element so ausrichte!

 

[Maik]

Hi,

nutze CSS zur Formatierung des (X)HTML-Dokuments - in diesem Fall die text-align-Eigenschaft.

mfg Maik

 

[Gladiator6]

Ich habs so probiert:

.zentrierung {
text-align: center;
}

dann im HTML:

<span class="zentrierung">text</span> funktioniert nicht. warum?

<p class="zentrierung">text</p> funktioniert,

<img src="" class="zentrierung> funktioniert nicht. warum?

 

[FipsTheThief]

Ich häng mich nun mal aus dem Fenster aber der einzigste Browser der Box Elemente mit text-align Center zentriert ist der IE. Für alle anderen benötigt man

margin:auto.

dabei bin ich mir nun nicht so sicher ob inline Elemente auch genommen werden , ein versuch wäre es wert weil text-align:center sagt ja schon zentriere nur den Text und inline Elemente wie span haben ja nun mal keine Weite und passen sich nur dem Text an.

 

[Maik]

Hi,

text-align wird von allen Browsern unterstützt, um den Inhalt (Text,Grafik,oder ähnliche Inline-Elemente) eines Block-Elements horizontal auszurichten.

Es ist technisch nur nicht möglich, ein Inline-Element, wie das span-Element, mit dieser Eigenschaft zu formatieren, solange es keine "Block-Level-Charakteristika" (display:block-Deklaration) besitzt.

<p class="zentrierung"><img ...></p>

Oder

<span class="zentrierung">text</span>
<span class="zentrierung"><img ...></span>

span.zentrierung {
display:block;
text-align:center;
}

mfg Maik