Christoph Schnauß: Netscape 6.x + Bilder in Tabellen mit Padding 0

Beitrag lesen

tag,

nun hast du mich zwar angemailt, ich antworte trotzdem hier im Forum nochmal ...

Folgendes: Netscape und mozilla halten offenbar den Rand frei, der um eine Tabellenzelle liegen soll, und zwar in der Größe von je zwei Pixeln, egal, ob man padding und border mit "0" vorgibt (irgendwo hab ich dazu auch mal was gelesen, weiß jetzt bloß die Quelle nicht mehr. Du kannst den Browser beschummeln, indem du deine Hintergrundbilder in den Tabellenzellen mit CSS formatierst und einfach die Randbreiten auf negative Werte setzt. Deine Tabelle sieht dann, etwas eingedampft, im Prinzip so aus:

<table border="0" cellspacing="0" cellpadding="0" width="758">
  <tr>
    <td><img src="top_01.gif" width="212" height="129" alt=""></td>
    <td><img src="top_02.gif" width="507" height="129" alt=""></td>
    <td><img src="top_03.gif" width="39" height="129" alt=""></td>
  </tr><tr>
    <td style="background-image:url('mid_01.gif');" valign="top" align="left">
    <img alt="" src="mid_top_01.gif" width="212" height="103" style="position: relative; top: -4px;">
<table border="0" cellpadding="0" cellspacing="0" width="160">
  <tr>
    <td width="25px"> </td>
    <td class="menunormal"><a href="../index.html">Startseite</a></td>
  </tr><tr>
    <td style="height:25px"> </td>
    <td class="menunormal"> </td>
  </tr>
</table>
    </td>
    <td bgcolor="#FFA500" valign="top"><p align="center"><img src="unconst.gif" width="128" height="40" alt="Under Construction"></td>
    <td style="background-image:url('mid_02.gif');" valign="top"><img alt="" border="0" src="mid_top_02.gif" width="39" height="103" style="position: relative; top: -4px;"></td>
  </tr>
</table>

Du siehst, daß das Problem für die erste und dritte Spalte behoben ist, in der mittleren ist die Spalte noch da  -  aus Demonstrationsgründen.

Christoph S.