Witam!
Mam taki kod:

[HTML] pobierz, plaintext 
<table width="100%" cellpadding="0" cellspacing="0" border="1">
  <tr>
    <td style="background-image: url(/kModule/img/kSkin03.gif); background-repeat: no-repeat;" width="169" height="55"></td>
    <td style="background-image: url(/kModule/img/kSkin04.gif); background-repeat: no-repeat;" width="205" height="55"></td>
    <td style="background-image: url(/kModule/img/kSkin05.gif); background-repeat: repeat-x; width: auto;" height="55"></td>
    <td style="background-image: url(/kModule/img/kSkin05.gif); background-repeat: repeat-x;" width="276" height="55"></td>
    <td style="background-image: url(/kModule/img/kSkin06.gif); background-repeat: no-repeat;" width="14" height="55"></td>
  </tr>
  <tr>
    <td style="background-image: url(/kModule/img/kSkin07.gif); background-repeat: no-repeat;" width="169" height="28"></td>
    <td style="background-image: url(/kModule/img/kSkin08.gif); background-repeat: no-repeat;" width="205" height="28"></td>
    <td style="background-image: url(/kModule/img/kSkin09.gif); background-repeat: repeat-x; width: auto" height="28"></td>
    <td colspan="2" style="background-image: url(/kModule/img/kSkin10.gif); background-repeat: no-repeat;" width="290" height="28"></td>
  </tr>
</table>
[HTML] pobierz, plaintext 

Teraz działa w obu przeglądarkach, w momencie kiedy border="0" działa tylko na Operze, na Firefoxie się sypie... dlaczego?

Jeśli to komuś pomoże to wystarczyło dodać: <div>&nbsp;</div>
Kod wygląda następująco:

[HTML] pobierz, plaintext 
<table width="100%" cellpadding="0" cellspacing="0" border="0">
  <tr>
    <td style="background-image: url(/kModule/img/kSkin03.gif); background-repeat: no-repeat;" width="169" height="55"></td>
    <td style="background-image: url(/kModule/img/kSkin04.gif); background-repeat: no-repeat;" width="205" height="55"></td>
    <td style="background-image: url(/kModule/img/kSkin05.gif); background-repeat: repeat-x; width: auto;" height="55"><div>&nbsp;</div></td>
    <td style="background-image: url(/kModule/img/kSkin05.gif); background-repeat: repeat-x; width: auto;" height="55"><div>&nbsp;</div></td>
    <td style="background-image: url(/kModule/img/kSkin06.gif); background-repeat: no-repeat;" width="14" height="55"></td>
  </tr>
  <tr>
    <td style="background-image: url(/kModule/img/kSkin07.gif); background-repeat: no-repeat;" width="169" height="28"></td>
    <td style="background-image: url(/kModule/img/kSkin08.gif); background-repeat: no-repeat;" width="205" height="28"></td>
    <td style="background-image: url(/kModule/img/kSkin09.gif); background-repeat: repeat-x;" height="28"></td>
    <td colspan="2" style="background-image: url(/kModule/img/kSkin10.gif); background-repeat: repeat-x;" width="290" height="28"></td>
  </tr>
</table>
[HTML] pobierz, plaintext 

Przeglądarki pozwalają na okreslenie czy puste komórki mają być wyświetlane, w FF domyslnie nie są, chyba że mają okreslone wymiary. Jest coś takiego jak empty-cells: , ale ja napisałbym to tak:

[HTML] pobierz, plaintext 
<table style="width: 100%; border-collapse: collapse; table-layout: fixed;">
 
    <tr style="height: 55px;">
        <td style="background-color: blue; width: 169px;"></td>
        <td style="background-color: red; width: 205px;"></td>
        <td style="background-color: white;"></td>
        <td style="background-color: green; width: 276px;"></td>
        <td style="background-color: red; width:14px;"></td>
    </tr>
 
    <tr style="height: 28px;">
        <td style="background-color: black; width: 169px;"></td>
        <td style="background-color: yellow; width: 205px;"></td>
        <td style="background-color: pink;"></td>
        <td colspan="2" style="background-color: blue; width: 290px;"></td>
    </tr>
 
</table>
[HTML] pobierz, plaintext