Gunther: Problem mit Tabellenhöhe und "blinden" Gifs

Beitrag lesen

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