Hallo!
Ich habe da eine Tabelle, wo die erste Zeile wie folgt aussieht:
<TR>
<TD WIDTH="115"><a onfocus="blur()" href="/hf/hr3/"><IMG ALT="HR3" BORDER=0 HEIGHT=36 SRC="/img/kopf-hr3.gif" WIDTH=115></A></TD>
<TD WIDTH="22"><a onfocus="blur()" href="/hf/hr3/"><IMG ALT="" BORDER=0 HEIGHT=36 SRC="/img/kopf-logo.gif" WIDTH=22></A></TD>
<TD width="583" COLSPAN="6" BACKGROUND="/img/kopf-abstand03.gif"><IMG SRC="/img/kopf-abstand02_2.gif" WIDTH="330" HEIGHT="36" BORDER="0" ALT=""><A HREF="/"><IMG SRC="/img-neu/kopf-home.gif" WIDTH="40" HEIGHT="36" BORDER="0" ALT="hr-homepage"></A><IMG SRC="/img/kopf-abstand03.gif" WIDTH="50" HEIGHT="36" BORDER="0" ALT=""><A HREF="/hilfe/"><IMG SRC="/img/kopf-hilfe.gif" WIDTH="40" HEIGHT="36" BORDER="0" ALT="Hilfe"></A><IMG SRC="/img/kopf-abstand04.gif" WIDTH="40" HEIGHT="36" BORDER="0" ALT=""><A HREF="/suchen/"><IMG SRC="/img/kopf-suche.gif" WIDTH="50" HEIGHT="36" BORDER="0" ALT="Suche"></A>
</TD>
</TR>
Das, was hier eingerückt ist, sind die eigentlichen Zeilenanfänge, da jede Tabellenspalte samt Inhalt hintereinander weggeschrieben ist. Also quasi so:
<tr>
<td>test</td>
</tr>
Und nicht:
<tr>
<td>
test
</td>
/tr>
Soviel zur Grundlage! *g*
Wenn ich mir meine Tabelle jetzt so im IE ansehe, sieht alles aus, wie es soll: Das Ganze wird als Gesamtbild ohne Lücken zwischen den einzelnen Tabellenzeilen und -spalten angezeigt und die Breiten stimmen auch. Im Netscape hingegen ist die rechte Spalte 33 Pixel zu breit.
Schreibe ich jetzt die einzelnen IMG-Tags untereinander, also
<TD width="583" COLSPAN="6" BACKGROUND="/img/kopf-abstand03.gif">
<IMG SRC="/img/kopf-abstand02_2.gif" WIDTH="330" HEIGHT="36" BORDER="0" ALT="">
<A HREF="/"><IMG SRC="/img-neu/kopf-home.gif" WIDTH="40" HEIGHT="36" BORDER="0" ALT="hr-homepage"></A>
<IMG SRC="/img/kopf-abstand03.gif" WIDTH="50" HEIGHT="36" BORDER="0" ALT="">
<A HREF="/hilfe/"><IMG SRC="/img/kopf-hilfe.gif" WIDTH="40" HEIGHT="36" BORDER="0" ALT="Hilfe"></A>
<IMG SRC="/img/kopf-abstand04.gif" WIDTH="40" HEIGHT="36" BORDER="0" ALT="">
<A HREF="/suchen/"><IMG SRC="/img/kopf-suche.gif" WIDTH="50" HEIGHT="36" BORDER="0" ALT="Suche"></A>
</TD>
gibt Netscape die Tabelle jetzt zwar in der Breite korrekt aus, setzt aber oberhalb und unterhalb dieser Zeile je einen leeren Pixel Zwischenraum. Im IE aber auch!
Kann mir das jemand erklären? Ich dachte immer, es wäre egal, ob man in einer HTML-Datei irgendwo ENTER drückt, da die Browser Zeilenumbrüche ignorieren würden! Und wie kriege ich Netscape jetzt dazu, meine Tabelle in der korrekten Breite anzuzeigen, ohne daß ich ober- und unterhalb der Zeile die dämlichen leeren Pixel habe?
Falls jemand was weiß: Wär nett, wenn Ihr mir helfen würdet! :-)
Gruß,
Sven
hallo sven,
eine fehlerquelle könnte sein, dass die bilder insgesamt eine grösse von 550px haben du jedoch die zeilenbreite auf 583px gesetzt hast. das wären die 33px zuviel.
du solltest auch mal prüfen, ob deine colspans alle korrekt sind.
hoffe, es hilft weiter
gruß
thomasC