button zentrieren

[Auge]

Hallo

a.button:link
{
display: block;
width: 100px;
}

Wo immer ich auch "text-align: center" oder "align: center" hinschreibe, der Button selbst bleibt immer linksbündig.

Als CSS-seitig als Blockelement deklariertes Element reagiert der Link nicht auf align/text-align, da dies nur für Inlineelemente bzw. Text zuständig ist. mit margin-left:auto;, margin-right:auto; wird ein Blockelement in einem anderen Blockelement mit ermittelbarer Breite zentriert. "ermittelbar" bedeutet, die Breite ist durch die Breite des Viewports des Browserfensters vorgegeben oder sie wurde explizit angegeben (z.B. td { width:200px; }).

Ausnahme hiervon ist, wie so oft, der MSIE, der auch Blockelemente per text-align zentriert. Dies gilt zumindest bis Version 6, über Version 7 kann ich nichts sagen.

Tschö, Auge