nicht angemeldet
Hallo,
Follgendes CSS funktioniert nur im Mozilla:
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 15px;
Diese vier Deklarationen kannst du übrigens in einer zusammenfassen:
padding:5px 15px;
http://edition-w3c.de/TR/1998/REC-CSS2-19980512/kap08.html#padding|
Im Internet Explorer werden die 4 Padding-Befehle nicht ausgeführt (Das andere schon).
Wieso?
Der MSIE interpretiert padding für das table-Element offenbar nicht (Opera auch nicht, wahrscheinlich ist es nicht vorgesehen). Den Zelleninnenabstand (analog zum HTML-Attribut »cellpadding«) solltest du über die Eigenschaft padding für die Zellenelemente (td- und th-Elemente) vergeben, nicht für das table-Element. Beispielsweise:
.bestimmtetabellenklasse td {padding:10px;}
<table class="bestimmtetabellenklasse">
<tr>
<td>Zelle mit 10px padding</td>
<td>Zelle mit 10px padding</td>
</tr>
</table>
Bei mehreren Zeilen und Spalten musst du dein Konzept natürlich überdenken, da das padding auf jede Zelle einzeln angewendet wird und nicht wie das padding von table lediglich an den Tabellengrenzen oben, rechts, unten und links. (Indem du den Zellen border zuweist, kannst du die Zellengrenzen sichtbar machen.)
</archiv/2003/6/48849/#m266444>
(margin und padding auf tbody oder tr wirkt im MSIE 6 anscheinend nie, egal in welchem Rendermodus.)
Grüße,
Mathias