dziwny odstęp w firefoxie w IE wszystko OK

[nietophez]

Witam

Mam taki problemik ze stronką, a dokładnie to w nagłówku, który jest podzielony na mniejsze elementy występują odstępy między liniami.
Wszedzie wpisane są atrybuty "cellpadding="0" cellspacing="0"" ale to nic nie daje w tym przypadku strona jest zgodna z w3c w IE wyświetla się wszystko OK ale w Firefoxie występują owe odstęppy między kolejnymi wersetami obrazków, między kolumnami odstępów nie ma.
Efekt można zobaczyc pod adresem http://www.maqal.friko.pl
Poniżej zamieszczam kawałem kodu który odpowiada za ten fragment:

<body class="body"><div class="centruj">
<table width="750" cellpadding="0" cellspacing="0" border="0" class="root">
<tr><td><img src="data/img/panter_01.gif" alt="" /></td><td><img src="data/img/panter_02.gif" alt="" /></td><td><img src="data/img/panter_03.gif" alt="" /></td><td><img src="data/img/panter_04.gif" alt="" /></td></tr>
<tr><td><img src="data/img/panter_05.gif" alt="" /></td><td colspan="3"><img src="data/img/panter_06.gif" alt="" /></td></tr> <!-- tutaj baner na gorze - zamienic na bacground -->
<!-- początek menu gornego-->
<tr><td colspan="4">
<table cellpadding="0" cellspacing="0">
<tr><td>
<table cellpadding="0" cellspacing="0">
<tr><td><img src="data/img/panter_07.gif" alt="" /></td><td><img src="data/img/panter_08.gif" alt="" /></td><td><img src="data/img/panter_09.gif" alt="" /></td><td><img src="data/img/panter_10.gif" alt="" /></td><td><img src="data/img/panter_11.gif" alt="" /></td><td><img src="data/img/panter_12.gif" alt="" /></td></tr>
<tr><td colspan="6"><img src="data/img/panter_19.gif" alt="" /></td></tr>
</table>
</td><td>
<table cellpadding="0" cellspacing="0">
<tr><td colspan="5"><img src="data/img/panter_13.gif" alt="" /></td></tr>
<tr><td><img src="data/img/panter_14.gif" alt="" /></td><td><img src="data/img/panter_15.gif" alt="" /></td><td><img src="data/img/panter_16.gif" alt="" /></td><td><img src="data/img/panter_17.gif" alt="" /></td><td><img src="data/img/panter_18.gif" alt="" /></td></tr>

</table>
</td></tr>
</table>
</td>
</tr>
<!-- koniec menu gornego-->

Jak ktoś ma forefoxa a zapewne i opere to zobaczy jak nieciekawie to wygląda.
Będe wdzięczny za pomoc.

[bwo]

w operz eteż lipa

Spróbuj dajć w stylach:

Kod: Zaznacz cały

IMG {
border: 0px;
}

[nietophez]

no niestety to nie pomaga reakcja zadna, moze znajdzie ktos jeszcze inny sposob bardzo by mi to ułatwilo zycie

[Asit]

sprobuj napisac ten kod w jednej linice..

[nietophez]

dalo by sie ale z uzyciem jednego obrazka zamiast tych kilkunastu, jak sie nie da dojsc w inny sposob to trzeba bedzie przerobic na jeden obrazek ale wtedy ladowac bedzie sie dluzej i jak sie zwali ten jeden obrazek to tez wieksza lipa bedzie

[Hawk]

IMHO strona rozwala sie przez zagniezdzone tabele, jak z nich zrezygnujesz powinno byc dobrze.

[nietophez]

rozwaliłem wszystkie tabelki jak się okazało to jednak nie przez nie tylko dalej cos innego zrobilem 2 obrazki zamiast tych kilkunastu i nic.
Kod wyglada tak

Kod: Zaznacz cały

<table width="750" cellpadding="0" cellspacing="0" border="0" class="root">
<tr><td><table cellpadding="0" cellspacing="0">
  <tr><td><img src="data/panter_01.gif"  ></td></tr>
  <tr><td><img src="data/panter_02.gif"  ></td></tr>
  </table>  </td></tr>

a nawet po wywaleniu podtabeli nic nie zmienia juz prościej się nie da

Kod: Zaznacz cały

<table width="750" cellpadding="0" cellspacing="0" border="0" class="root">
  <tr><td><img src="data/panter_01.gif"  ></td></tr>
  <tr><td><img src="data/panter_02.gif"  ></td></tr>

[Asit]

u mnie nie ma odstepu.. pod IE jak i pod firefox

[nietophez]

heh no to jajca ja u ciebie jest ok ale znalazlem rozwiazanie jak dam te opbrazki jako tło w tych komorkach to wszystko gra i jest OK tylko trzeba dopisac szerokosc i wysokosc - dzieki za pomoc