Zellen der Tabelle werden größer als angegeben!!!

[Mirko]

Hi,

ich habe ein Problem mit folgendem HTML Text:

<table border="1" align="center" cellspacing="0" cellpadding="0" bordercolorlight="#FF0000" bordercolordark="#FF0000">
    <tr>
      <td height="70" colspan="3">   </td>
    </tr>
    <tr>
      <td rowspan="7" width="160" style="padding-top: 10px; vertical-align: top; text-align : center;">
        <hr color="#000000" size="1">
        <img src="../bilder/02-05000.jpg" border="0" />
      </td>
<!Hier liegt der Fehler:-->
      <td width="414" height="7" background="ra_oben.gif"></td>
      <td rowspan="7" width="20" style="padding-top: 10px; vertical-align: top;">
        <hr color="#000000" size="1" width="20"></td>
    </tr>
    <tr>
      <td background="ra_mitte.gif" class="ra_name"> Text  <br /></td>
    </tr>
    <tr>
      <td background="ra_mitte.gif" class="ra_beschreibung">        <hr width="400" size="1" color="#FFFFFF" align="left"> Text <br />        <hr width="400" size="1" color="#FFFFFF" align="left"></td>
    </tr>
    <tr>
      <td background="ra_mitte.gif">
        <table border="0" cellspacing="0" cellpadding="0" align="center" width="400" class="ra_bn_preis">
          <tr class="zeilenabstand">
            <td width="10"> <input type="radio" name="BN" value="02-05001"></td>
            <td> Text </td>
            <td width="60"> Text </td>
            <td width="70"> Text </td>
            <td width="90"> Text </td>
          </tr>
          <tr class="zeilenabstand">
            <td width="10"> <input type="radio" name="BN" value="02-05002"></td>
            <td> Text </td>
            <td width="60"> Text </td>
            <td width="70"> Text </td>
            <td width="90"> Text </td>
          </tr>
          <tr class="zeilenabstand">
            <td width="10"> <input type="radio" name="BN" value="02-05003"></td>
            <td> Text </td>
            <td width="60"> Text </td>
            <td width="70"> Text </td>
            <td width="90"> Text </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td background="ra_mitte.gif"><hr width="400" size="1" color="#FFFFFF" align="left"></nobr>
        <input type="hidden" name="RefSeite" value="Ka=02">        <input type="text" name="Anzahl" size="2" maxlength="2" border="0" class="anzahlbox">        <input type="submit" value="Bestellen" class="anzahlbox">              </td>
    </tr>
    <tr>
      <td background="" height="7"><img src="ra_unten.gif" heigth="7"></td>
    </tr>
    <tr>
      <td height="*">   </td>
    </tr>
</form></table>

Trotzdem ich für die erste Zelle der Tabelle 7 Pixel Höhe angegeben habe, mache er diese Zelle größer, wenn ich rechts oder links daneben ein sehr hohes Bild einfüge. Das Bild zieht dann praktisch die ganze Tabelle auseinander (das ist ja klar), wieso aber auch die Zelle wo die Höhe mit exakt 7 Pixel angegeben ist.
Ich habe unter der 7 Pixel-Zelle den Rest des Bildes und damit entsteht ein Zwischenraum in dem Bild, wenn die Zelle größer wird als angegeben.
Ist das ein Programmierfehler oder liegt das am Browser (IE5)?
Danke

mfg

[Sebastian Haug]

Wenn ich mich nicht schwer täusche, dann hat eine Zeile einer Tabelle immer eine durchgehende Höhe (genauso eine Spalte eine Breite).
Wenn also in einer Zeile ein Großes Bild eingefügt wird, so wird die ganze Zeile auf diese Höhe gestreckt (sowie die ganze Spalte auf diese Breite).

Ich habe die Erfahrung gemacht, daß man rowspan und colspan nur in "Notfällen" einsetzten sollte, weil man recht schnell selbst den Überblick verliert. Meistens kann man das ganze auch ein getrennte Tabellen oder Absätze zerlegen.

Grüße,
Sebastian