nicht angemeldet
Hallo zusammen,
mir ist aufgefallen, dass es bei der Darstellung von Tabellen bei Internet Explorer und Firefox zu unterschiedlichen Abständen kommt. Zur Verdeutlichung habe ich die den entsprechenden Text mal hervor gehoben:
Die einzelnen Einträge befinden sich in Zellen einer Tabelle, welche innerhalb eines DIV Containers platziert ist. Interessant dabei finde ich, dass die linke Spalte mit den Beschreibungen und die rechte Spalte beim IE unterschiedlich hoch zu sein scheinen (sieht man an meiner Markierung), obwohl beide die gleiche CSS Klasse verwenden.
<table border=\"0\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\">
<tr>
<td style=\"padding-top:7px;padding-left:7px;\">
<SPAN class=\"wertungskasten\">Präsentation</SPAN></td>
<td style=\"padding-top:7px;padding-right:7px;\"><SPAN class=\"wertungskasten\"><strong>$rating_1</SPAN>
</td>
</tr>
<tr>
<td style=\"padding-left:7px;\">
<SPAN class=\"wertungskasten\">Gameplay</SPAN></td>
<td style=\"padding-right:7px;\"><SPAN class=\"wertungskasten\"><strong>$rating_2</SPAN>
</td>
</tr>\n";
if (!$rrating_3) {
} else {
echo " <tr>
<td style=\"padding-left:7px;\">
<SPAN class=\"wertungskasten\">Multiplayer</SPAN></td>
<td style=\"padding-right:7px;\"><SPAN class=\"wertungskasten\"><strong>$rating_3</SPAN>
</td>
</tr>\n";
}
echo "<tr>
<td style=\"padding-top:10px;\" colspan=\"2\" align=\"center\">
<SPAN class=\"wertungskasten\"><strong>Wertung</SPAN>
</td>
</tr>
<tr>
<td style=\"padding-top:1px;\" colspan=\"2\" align=\"center\">
<img src=\"images/wertungen/$rating_overall.gif\">
</td>
</tr>
<td style=\"background-image:url(images/wertungskasten_ul.gif);background-repeat:no-repeat;background-position:bottom left;\padding-bottom:7px;padding-top:3px;\" colspan=\"2\" align=\"center\">
<img src=\"images/wertungen/aus10.gif\">
</td>
</tr>
</table>
Kann mir jemand erklären, wodurch beim IE der größere Zeilenabstand entsteht und wie ich das vielleicht ändern kann?
TOM