nicht angemeldet
IE vs. FF: Zeilenabstand zwischen Zellen unterschiedlich
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
-
Hallo CrazyLexx,
Erstens solltest du bei clientseitigen Problemen immer den Code posten, der beim Client ankommt, zweitens sind so Sachen wie "<strong>Wertung</SPAN>" klar falsch und können den IE möglicherweise auch noch mehr verwirren als nötig wäre.
Sorge also auch für validen Code.
Jonathan
-
Erstens solltest du bei clientseitigen Problemen immer den Code posten, der beim Client ankommt, zweitens sind so Sachen wie "<strong>Wertung</SPAN>" klar falsch und können den IE möglicherweise auch noch mehr verwirren als nötig wäre.
Stimme ich dir zu - ist nur leider nicht mein Code, sondern Teil des standard Templates, welches mit dem CMS ausgeliefert worden ist. Den Code komplett zu bereinigen, wäre die Mühe nicht wert und suche daher erstmal nach solchen Problemen, die mir direkt ins Auge fallen...
-
Hallo CrazyLexx,
Den Code komplett zu bereinigen, wäre die Mühe nicht wert und suche daher erstmal nach solchen Problemen, die mir direkt ins Auge fallen...
Wenn es um probleme geht, die dir uns Auge fallen suchst du am besten selbst. Mir ist das mit dem nicht geschlossenen Strong-Tag sofort aufgefallen.
Ich halte das auch ziemlich sicher für die Problemursache. Die strong-tags befinden sich alle in der Spalte mit den Punkten, und welche Zeile ist zu lang?
Darüber hinaus scheint es aber noch andere Probleme zu geben. Strong-Tags werden ja normalerweise Fett dargestellt. Auf deinem Screenshot kann ich aber nichts fettes erkennen. Nichtmal beim Firefox.
Aber so kommen wir nicht weiter. Behebe bitte erstmal diesen Fehler, dazu musst du ja nicht das ganze Templete überarbeiten, falls das problem dann noch besteht, poste bitte einen Link, zu einer so weit wie möglich reduzierten Testseite.
Jonathan
-
-