kobidror: Lücken, die nicht sein sollten

Beitrag lesen

Hallo zusammen,

die Suchfunktion habe ich bemüht ;-). Trotzdem finde ich zu meinem Problem gerade keine Lösung.

Das Problem ist im Screenshot mit den Pfeilen markiert. Sorry, dass ich die Größe nicht angepasst habe, aber nur so sieht man das Problem am besten.Screenshot

Im Code ist aber nichts davon geschrieben. Jeder Browser fügt dort Leerraum ein und ich weiß nicht warum. Das Problem tritt sehr präsent zwischen eo separator1 und so topic1 auf. In jedem Browser.

Alles ist in eine 600px breite Tabelle eingebettet und jede <tr> beginnt und endet mit einem 20px breitem Spacer. Das ist die Layoutvorgabe.
Der Codeausschnitt:

    <tr valign="top">  
    <td width="20"><img src="images/spacer.gif" width="20" height="1" border="0" alt="" style="display:block;"></td>  
    <td width="560">  
    <table align="center" width="560" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">  
      <tr valign="top">  
      <!-- so signature -->  
      <td width="25"><img src="images/spacer.gif" width="25" height="1" border="0" alt="" style="display:block;"></td>  
      <td width="170">  
      <table align="left" width="170" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">  
        <tr valign="top">  
        <td width="170">  
        <span style="font-family:Arial,Verdana,Sans-serif;font-size:11px;line-height:normal;font-weight:normal;color:#5D5D5D;">  
        INHALT  
        <br>INHALT  
        <br>i. V.  
        </span>  
        </td>  
        </tr>  
        <tr valign="top">  
        <td width="170" height="36"><img src="images/signature.jpg" width="136" height="36" border="0" alt="" style="display:block;"></td>  
        </tr>  
        <tr valign="top">  
        <td width="170">  
        <span style="font-family:Arial,Verdana,Sans-serif;font-size:11px;line-height:normal;font-weight:normal;color:#5D5D5D;">  
        INHALT  
        <br>INHALT  
        <br>  
        </span>  
        </td>  
        </tr>  
      </table>  
      <!-- eo signature -->  
      <!-- so rep -->  
      <td width="294">  
      INHALT  
      </td>  
      <!-- eo rep -->  
      </tr>  
    </table>  
    </td>  
    <td width="20"><img src="images/spacer.gif" width="20" height="1" border="0" alt="" style="display:block;"></td>  
    </tr>  
    <!-- eo signature/rep -->  
    <!-- so seperator 1 -->  
    <tr valign="top">  
    <td width="20" height="36"><img src="images/closer1.jpg" width="20" height="30" border="0" alt="" style="display:block;"></td>  
    <td width="560" height="36"><img src="images/closer2.jpg" width="560" height="30" border="0" alt="" style="display:block;"></td>  
    <td width="20" height="36"><img src="images/closer3.jpg" width="20" height="30" border="0" alt="" style="display:block;"></td>  
    </tr>  
    <!-- eo seperator 1 -->  
    <!-- so topic 1 -->  
    <tr valign="top">  
    <td width="20"><img src="images/shadow_tl.jpg" width="20" height="246" border="0" alt="" style="display:block;"></td>  
    <td width="560">  
    <table align="center" width="560" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">  
      <tr valign="top">  
      <td width="280"><img src="images/topic1.jpg" width="280" height="246" border="0" alt="" style="display:block;"></td>  
      <td width="12"><img src="images/spacer.gif" width="12" height="1" border="0" alt="" style="display:block;"></td>  
      <td width="264">  
      <span style="font-family:Arial,Verdana,Sans-serif;font-size:14px;line-height:normal;font-weight:normal;color:#425968;">  
      <br><strong>&Uuml;berzeugendes Gesch&auml;ftsmodell:  
      <br>der</strong> FORD <strong>MONDEO Business Edition.</strong>  
      </span>

Bei Bedarf werde ich noch mehr Code hier posten, aber vielleicht hat schon jemand eine Idee? Danke für eure Hilfe.