[CrazyLexx]

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

[[Elite-|-Killer]]

1. Entstehung:
Es werden vom Browser verschiedene default Werte für den Zeilenabstand verwendet.
2. Möglichkeit es einheitlich zu machen:
CSS Eigenschaft: "line-height"

[CrazyLexx]

Zitat ([Elite-|-Killer]: 26.04.2008, 23:03)

2. Möglichkeit es einheitlich zu machen:
CSS Eigenschaft: "line-height"

Hatte ich bereits versucht, in dem ich mal einen "line-heigt" Wert zu der Klasse, die den entsprechenden Text formatiert, hinzugefügt habe. Hatte aber leider keinen Einfluss im IE auf den angesprochenen Zeilenabstand.

[m4rkus]

wenn dus falsch schreibst funktionierts natürlich nicht.
es heißt "line-height".

Gruß,
m4rkus