Problem mit Zentrierung

jdgf

Mitglied
Hallo,
auf meiner Startseite http://joomla.kolping-hohenfels.de/joomla/ wird in der rechten Aussenspalte sowohl der kleine Kalender als auch die Ecard im FF und Opera nicht zentriert, allerdings im IE.
Ich habe die Seite jetzt css-valide, allerdings noch nicht html-valide. Kann mir trotzdem jemand einen Tip zur Problemlösung geben?
Gruß, Dietmar
 
Hi,

in standardkonformen Browsern (FF, Opera, u.a.) werden Blockelemente (z.B. div, p, table, ul) mittels der margin-Eigenschaft in ihrem Anzeigebereich horizontal zentriert, der IE hingegen wendet auf diesen Elementtyp die text-align:center-Deklaration seines Elternelements an.
Code:
.mod_events_monthyear 
background-color:#828282;
border-color:#000000;
border-style:solid;
border-width:1px 1px 0;
color:#F0F0F0;
cursor:pointer;
font-weight:bold;
height:21px !important;
line-height:21px;
text-align:center !important;
width:140px !important;
margin:0 auto;
}

.mod_events_table 
border:1px solid #000000;
font-family:Arial;
font-size:12px;
font-style:normal;
text-align:center;
text-decoration:none;
width:140px !important;
margin:0 auto;
}


Bei der Ecard sollte für die umschliessende Tabelle eine width:100%-Deklaration weiterhelfen, um den Grafik-Link in die Mitte zu rücken - ggfs. noch text-align:center für die Zelle festlegen.

mfg Maik
 
Zurück