Autor |
Nachricht |
TOMillr
Threadersteller
Dabei seit: 21.03.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 26.04.2008 22:27
Titel 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.
Code: |
<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
|
|
|
|
|
rob
Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht:
|
Verfasst So 27.04.2008 03:20
Titel
|
|
|
Zitat: | mir ist aufgefallen, dass es bei der Darstellung von Tabellen bei Internet Explorer und Firefox zu unterschiedlichen Abständen kommt. |
Das verschiedene Browser verschiedene Dinge unterschiedlich darstellen ist klar und muß nicht fehlerhaft sein.
Ziemliches Gewusel, dein Code...
Kannst du nicht mal einen Link setzen oder den Code so posten wie er im Browser gezeigt wird?
Da ist ja jetzt noch PHP-Code mit drin, der völlig unwichtig ist.
Wichtig wäre aber zu wissen, wie die DTD-Angabe aussieht und ob irgendwo vielleicht noch ein Stylesheet eingebunden wird oder ob es noch irgendwelche Style-Angaben im Head gibt.
|
|
|
|
|
Anzeige
|
|
|
bacon
Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 27.04.2008 03:35
Titel
|
|
|
Zur einfachen Lösung deines Problems:
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
Die Erklärung (Gebetsmühlenmodus):
HTML ist keine Seitenbeschreibungssprache wie bspw. Postscript, sondern eine Auszeichnungssprache, die lediglich die Struktur eines Dokuments beschreibt. Daher gibt es keinen einheitlichen Standard, der definiert, wie einzelne Elemente dargestellt werden.
Jeder Browser definiert eigene "Standardeinstellungen", die sich aber nicht unbedingt decken müssen. Du wirst also nicht umhin kommen, die entspr. Eigenschaften selbst bspw. in einer CSS-Datei zu definieren.
Dein Code ist übrigens ziemlicher Schrott.
|
|
|
|
|
TOMillr
Threadersteller
Dabei seit: 21.03.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 27.04.2008 10:23
Titel
|
|
|
bacon hat geschrieben: |
Jeder Browser definiert eigene "Standardeinstellungen", die sich aber nicht unbedingt decken müssen. Du wirst also nicht umhin kommen, die entspr. Eigenschaften selbst bspw. in einer CSS-Datei zu definieren.
|
Schon klar, aber das erkärt trotzdem nicht, wieso im IE Beispiel die ZAHLEN in der rechten Spalte eine größere Zeilenhöhe hat als der TEXT links daneben, da bei ja über die gleiche Klasse definiert werden!
bacon hat geschrieben: |
Dein Code ist übrigens ziemlicher Schrott.
|
Stimme ich dir zu - nur gut, dass es nicht meiner ist, sondern Teil des standard Templates, welches mit dem CMS geliefert wurde
|
|
|
|
|
Mark-Korb
Dabei seit: 11.04.2007
Ort: -
Alter: 38
Geschlecht:
|
Verfasst So 27.04.2008 13:24
Titel
|
|
|
CrazyLexx hat geschrieben: | bacon hat geschrieben: |
Jeder Browser definiert eigene "Standardeinstellungen", die sich aber nicht unbedingt decken müssen. Du wirst also nicht umhin kommen, die entspr. Eigenschaften selbst bspw. in einer CSS-Datei zu definieren.
|
Schon klar, aber das erkärt trotzdem nicht, wieso im IE Beispiel die ZAHLEN in der rechten Spalte eine größere Zeilenhöhe hat als der TEXT links daneben, da bei ja über die gleiche Klasse definiert werden!
|
doch kann es. je nachdem was in der klasse bzw der nächsten ebene darüber definiert wurde.
Zuletzt bearbeitet von Mark-Korb am So 27.04.2008 13:24, insgesamt 1-mal bearbeitet
|
|
|
|
|
TOMillr
Threadersteller
Dabei seit: 21.03.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 28.04.2008 10:42
Titel
|
|
|
Mark-Korb hat geschrieben: | CrazyLexx hat geschrieben: | bacon hat geschrieben: |
Jeder Browser definiert eigene "Standardeinstellungen", die sich aber nicht unbedingt decken müssen. Du wirst also nicht umhin kommen, die entspr. Eigenschaften selbst bspw. in einer CSS-Datei zu definieren.
|
Schon klar, aber das erkärt trotzdem nicht, wieso im IE Beispiel die ZAHLEN in der rechten Spalte eine größere Zeilenhöhe hat als der TEXT links daneben, da bei ja über die gleiche Klasse definiert werden!
|
doch kann es. je nachdem was in der klasse bzw der nächsten ebene darüber definiert wurde. |
Ah verstehe! Wie beseitige ich das Problem dann am besten?
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mo 28.04.2008 10:45
Titel
|
|
|
bacon hat geschrieben: | Zur einfachen Lösung deines Problems:
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
Die Erklärung (Gebetsmühlenmodus):
HTML ist keine Seitenbeschreibungssprache wie bspw. Postscript, sondern eine Auszeichnungssprache, die lediglich die Struktur eines Dokuments beschreibt. Daher gibt es keinen einheitlichen Standard, der definiert, wie einzelne Elemente dargestellt werden.
Jeder Browser definiert eigene "Standardeinstellungen", die sich aber nicht unbedingt decken müssen. Du wirst also nicht umhin kommen, die entspr. Eigenschaften selbst bspw. in einer CSS-Datei zu definieren.
Dein Code ist übrigens ziemlicher Schrott. |
... du solltest die auch mal den beitrag von bacon zu gemüte führen. den scheinst du mir überlesen zu haben... zumindest das oberhalb des "schrotts"
Zuletzt bearbeitet von pixelpapst303 am Mo 28.04.2008 10:45, insgesamt 1-mal bearbeitet
|
|
|
|
|
egorka
Dabei seit: 12.06.2007
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Mo 08.12.2008 18:27
Titel
|
|
|
hallo, habe ähnliches problem, nur sind bei mir die abstände bei IE kleiner, als bei FF.
hier ein teil aus der css:
Code: | body, td, tr, p, div { color: #ccc; font-size: 9pt; font-family: Verdana; font-style: normal; font-weight: normal; line-height: 20px; font-stretch:
normal } |
IE:
FF:
was is da jetzt falsch?
|
|
|
|
|
|
|
|
Ähnliche Themen |
Farbige Zellen drucken
Zellen in Excel verbinden bzw. aufsplitten
Tabellen/Zellen-Frage? (HTML)
Leere Zellen auslassen (MySQL)
halbtransparente Tabellen-Zellen in Word
HTML, Java, PHP? Tabellen - Zellen - Höhe
|
|