Problem mit Tabellenhöhe und "blinden" Gifs

[Markus]

Hi!

Ich hab mal zwei Probleme, auf die ich zwar in SelfHTML Antworten gefunden habe, aber leider klappt es trotzdem nicht.
Die Angaben beziehen sich auf die Seite, deren URL ich mit angegeben habe.

1. IE 6.0 mißachtet die Tabellenhöhe bei Grafik C.jpg. Die Tabelle sollte eigentlich nur so hoch wie die Grafik C.jpg selbst sein. Im IE nimmt sie aber immer ca. 50 % der Gesamthöhe der Tabelle ein.
Netscape 7.0 zeigt das aber korrekt an.

2. Scrollt man einmal ganz zum Ende der Seite, bemerkt man, dass sich unten an der linken Seite eine dünne weiße Linie durch den orangenen Tabellenhintergrund zieht. Ich vermute diese Lücke kommt durch ein blindes Gif. Leider habe ich keinen Ort gefunden, an dem ich das Gif sonst einsetzen kann, ohne das es zu diesem Effekt kommt. Oder liegt es an ganz etwas anderem?

Ich wäre, euch wirklich, sehr, sehr dankbar, wenn ihr mir da weiterhelfen könntet. Das Problem beschäftigt mich nun geraume Zeit und ich finde einfach keine Lösung dazu.

Schonmal danke im voraus,
Ciao!!
Markus

[Gunther]

Hi Markus!

Also beim Betrachten deines Quellcodes sind mir folgende Dinge aufgefallen:

Tabelle 2 enthält einige Ungereimtheiten

<!-- Zweite Tabelle: Inhalt-->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td bordercolor="#8f4a2d" bordercolordark="#8f4a2d" style="background-image:url(../design/C.jpg); background-repeat:no-repeat;" width="122" rowspan="3" height="289" bgcolor="#f4b450"><!--DWLayoutEmptyCell--> </td>
    <td width="35" height="23" valign="top"><!--DWLayoutEmptyCell--> </td>
    <td width="500" valign="top" background="../design/G.jpg"><!--DWLayoutEmptyCell--> </td>
    <td width="100%" valign="top" background="../design/L2.jpg"><!--DWLayoutEmptyCell--> </td>
  </tr>
  <tr>
    <td height="20"></td>
    <td colspan="2" valign="top"><!--DWLayoutEmptyCell--> </td>
  </tr>
  <tr>
    <td height="244"></td>
    <td colspan="2" rowspan="2" valign="top" ><p> </p>
      <p> </p>
    <td>
  </tr>
<!-- [1] -->
  <tr>
    <td background="../design/L3.gif"><!--DWLayoutEmptyCell--> </td>
    <td></td>
  </tr>
<!-- [2] -->
  <tr>
    <td height="0"></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="1" background="../design/L3.gif"><img src="../design/blind.gif" alt="" width="122" height="1"></td>
    <td><img src="../design/blind.gif" alt="" width="35" height="1"></td>
    <td><img src="../design/blind.gif" alt="" width="500" height="1"></td>
    <td></td>
  </tr>
</table>

In Zeile 1/Spalte 1 definierst du eine Höhe von 289 für diese und die beiden folgenden Reihen zusammen. Gleichzeitig aber auch für Zeile 1/Spalte 2 eine Höhe von 23, plus Zeile 2/Spalte 2 20, plus Zeile 3/Spalte 2 244. Das macht zusammen aber nur 287!

Bei [1] ist der rowspan von Zeile 1 schon zu Ende. In dieser Zeile fehlt also entweder ein colspan oder 2 Zellen!

Was soll diese [2] Zeile? -> überflüssig -> löschen!

Deine Grafik L3.gif - warum ist die 7.600px hoch? Wo doch 1px auch reichen würde (denke an background-repeat: repeat-y).

Und was sollen die ganzen <p> Elemente? <p> ist ein Blocklevel-Element, das jeweils einen neuen Absatz erzeugt. Zum füllen reicht ein  <br> völlig aus.

Wenn du die Fehler beseitigt/korrigiert hast, sollten deine Probleme eigentlich schon behoben sein. Wenn nicht kannst du ja noch mal posten.

Kleiner Tipp noch: Eine Skizze auf Papier mit dem Tabellen-Layout kann manchmal Wunder wirken... ;-)

Gruß Gunther