Das Problem habe ich auch! Bei mir ist es so das die Tabelle im Mozilla Firefox richtig dargestellt wird und im IE falsch.
Ich kann im (Auswahl-)Quelltext bei den Details (also vor "Batting") zu Spiel 2 einen Absatz erkenen (<p> und </p>) - bei Spiel 1 fehlt dieser.
Da steht ja:
<p><font color="#f07417"><b>Spiel 2</b></font></p>
Für mich ist das völlig logisch, dass unter "Spiel 2" dann ein Abstand zu sehen ist.
Versuch's mal so (etwas quick'n'dirty):
<p> </p><font color="#f07417"><b>Spiel 2</b></font>Zitat von Manny73Für mich ist das zwar nicht logisch, warum <P> einen zusätzlichen Absatz einfügt,
Ähm.... die Frage war jetzt nicht erst gemeint, oder?
http://de.selfhtml.org/html/text/absaetze.htm#definieren
Da du den Quelltext bereits verändert hast, kann ich das jetzt nichtmehr nachvollziehen, aber nicht geschlossene Tags (fehlende </p>) oder auch Leerzeichen können zu unerwarteten Abständen führen (ein Leerzeichen IST ein Zeichen). Was Fehlerkorrektur angeht: da gibt es keine Regeln für. Und IE ist eher dafür bekannt, Dinge nicht zu darzustellen, wie sie im Quelltext stehen, auch wenn das Dargestellte eher dem entspricht, was man haben will...
P steht für Paragraph. Das heißt auf Deutsch Absatz. Dass dieses <P>-Tag einen Absatz erzeugt ist also der ganze Sinn der Sache...
Zitat von Manny73Insofern unlogisch, wieso automatisch eine "Leerzeile" eingefügt wird, wenn danach eine Tabelle kommt. Komischerwiese tritt dieses Verhalten nur im Fx auf, im IE aber nicht.
Das ist keine Leerzeile sondern der Außenabstand(oder auch margin in html)
Zitat von Manny73Davor soll ja auch ein Absatz <P> sein, aber nicht danach. Auch wenn ich nach Spiel 2 den Absatz mit </P> schließe, bleibt der Abstand zur Tabelle erhalten.
Hier nochmal dein HTML Markup(gekürzt)
<TD width="50%">
<FONT color="#f07417">
<B>Spiel 1</B>
</FONT>
<TABLE cellspacing="0" class="tab"/>
<P>
<FONT color="#f07417">
<B>Spiel 2</B>
</FONT>
</P>
<TABLE cellspacing="0" class="tab"/>
</TD>Das was du offensichtlich willst, ist kein oder nur ein geringer Außenabstand unter dem Absatz:
<TD width="50%">
<FONT color="#f07417">
<B>Spiel 1</B>
</FONT>
<TABLE cellspacing="0" class="tab"/>
<P style="margin-bottom: 0px; margin-top: 5px;">
<FONT color="#f07417">
<B>Spiel 2</B>
</FONT>
</P>
<TABLE cellspacing="0" class="tab"/>
</TD><P style="margin-bottom: 0px; margin-top: 5px;">
Spiel ruhig ein wenig mit den Werten herum, ich kann mir nicht vorstellen das Überschrift und Tabelle aneinandergeklatscht so gut aussehen.
Man könnte auch auf "FONT" verzichten und dem Paragraph die Farbe mitgeben:
<p style="color:#f07417; margin-bottom: 0px; margin-top: 5px;">
<b>Spiel 2</b>
</p>Zitat von MithrandirMan könnte auch auf "FONT" verzichten und dem Paragraph die Farbe mitgeben:
Dann kann man auf < b > auch noch verzichten:
<p style="color:#f07417; margin-bottom: 0px; margin-top: 5px;font-weight: bold;">Spiel 2</p>Jup, allerdings setzt man dafür dann 18 Zeichen ein, "< b>"+"< /b>" (ohne Leerzeichnen natürlich - aber sonst sieht man die Tags hier nicht) ist da deutlich kürzer.
Richtig schön wäre eine Klasse für diese Überschriften.
Da SelfHTML auch nirgendwo schreibt, dass es nur oben Abstand erzeugt, kann man es ihm nicht vorwerfen. ; )
Naja. Margin ist für Anfänger schwer verständlich.... Wenn ich einem Element margin:5px; gebe und hab von den Elementen mehrere über- oder nebeneinander, dann addieren sich die Abstände nicht, es entscheidet der jeweils höchste Wert über den Gesamtabstand. Was z.B. anders ist als beim padding.
Zitat von Manny73Interessant, vielleicht sollte das auf Selfhtml angeführt werden, dass <P> einen Rand oben und unten einfügt.
Vielleicht geht man davon aus das der Leser weiß das Absatz und Zeilenumbruch zwei verschiedene Sachen sind.
Vielleicht sollte man auch neben jede Steckdose ein "Vorsicht Strom" Piktogramm kleben. Ich weiß ja nicht.
Zitat von Manny73Für mich hat <P> bis jetzt folgendes bedeutet:
"Füge eine Leerzeile vor dem nächsten Element ein" und nicht "Füge vor und nach dem nächsten Element einen Abstand ein".
Es kommt auch auf das Browserstylesheet an wieviel Abstand ein Absatz hat. Wenn man eine gewisse Kontrolle über das haben will was hinterher im Browser angezeigt wird, sollte man grundsätzlich möglichst genau definieren, also möglichst immer eine margin angeben im eigenen Stylesheet.
Hiernochmal Wiki über Absätze:
http://de.wikipedia.org/wiki/Absatz_%28Text%29
http://de.wikipedia.org/wiki/Absatzzeichen
Oder du startest mal Word und schreibst ein paar Absätze. Und formatierst diese dann. Da hast du unter anderem auch die Möglichkeit festzulegen wieviel Abstand vor und nach dem gelassen wird.
Zitat von Manny73P.S.: <SPAN class=orange> und </SPAN> ist noch kürzer.
Besser wäre noch
<h2>Spiel 2</h2> //oder eine andere sinvolle Überschrifteebene
Und ein externes Stylesheet
h2 {color:#f07417; margin-bottom: 0px; margin-top: 5px;font-weight: bold;font-size:11px;}
