Problem z wyświetlaniem tabel

[mz2003]

Mam problem z poprawnym wyswietlaniem tabel w FF 1.5.0.1.
Przy pierwszym otwarciu strony z danymi zawierającej rozbudowaną tabelę znikają pionowe obramowania celek.
Tabela jest generowana dynamicznie - interface do bazy danych + skrypty php.
Jeżeli wracam do tej strony przez klawisz wstecz lub wchodzę do niej powtórnie (dla tych samych wcześniej wybranych danych) tabela jest wyświetlana poprawnie.
Problem jest powtarzalny.
Sprawdziłem kod html i arkusze stylów.
Może ktoś spotkał już taki problem.

[zwierz]

Może ktoś spotkał już taki problem.

Może. Adres strony?

[mz2003]

Strona nie jest dostępna publicznie.
Poniżej kod strony:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<TITLE>Znalezione urządzenia - szczegóły</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<LINK REL="Stylesheet" HREF="/WAN/wan.css" TYPE="text/css">
<script type="text/javascript">
function send(j_nazwa)
{
document.lista.id.value=j_nazwa;
document.lista.submit();
}
function send_atm(atm_nazwa)
{
document.atm_lista.id.value=atm_nazwa;
document.atm_lista.submit();
}
function send_szafa(szafa)
{
document.lista_szaf.id.value=szafa;
document.lista_szaf.submit();
}
function send_adres_id(j_adres_id)
{
document.lokalizacje.adres_id.value=j_adres_id;
document.lokalizacje.submit();
}
function send_protokol(j_nazwa, j_tabela, j_id)
{
document.dokumentacje.nazwa_dokumentacji.value=j_nazwa;
document.dokumentacje.nazwa_tabeli.value=j_tabela;
document.dokumentacje.id_remote.value=j_id;
document.dokumentacje.submit();
}
function send_adres_ip(j_adres_ip)
{
document.adres_ip.nazwa.value=j_adres_ip;
document.adres_ip.submit();
}
function send_hardware(j_id)
{
document.hardware.id.value=j_id;
document.hardware.submit();
}
function send_historia(j_id)
{
okno(800, 500);
document.historia.id.value=j_id;
document.historia.submit();
}
function send_protokol_history(j_id)
{
okno(800, 500);
document.protokoly.id.value=j_id;
document.protokoly.submit();
}
function okno(sizex, sizey)
{
var newWindow;
var pozycjaX=parseInt((screen.width-sizex)/2);
var pozycjaY=parseInt((screen.height-sizey)/2);
var maxX;
var maxY;
if(screen.width > sizex) maxX=sizex;
else maxX=screen.width;
if(screen.height>sizey) maxY=sizey;
else maxY=screen.height;
if(!newWindow || newWindow.closed)
{
wyglad="scrollbars,status,resizable,width=" + maxX + ",height=" + maxY + ",left=" + pozycjaX + ",top=" + pozycjaY;
newWindow= window.open("","Dodaj_dokumentacje", wyglad);
}
else newWindow.focus();
}
</script>
</HEAD>
<BODY>

<FORM ACTION="hardware_edit.php" TARGET="Obszar_r" method="post" name="lista">
<input type="hidden" name="id" value="">
<input type="hidden" name="rodzaj_akcji" value="update">
</FORM>
<FORM ACTION="/WAN/bankomaty/atm_show.php" TARGET="Obszar_r" method="post" name="atm_lista">
<input type="hidden" name="id" value="">
<input type="hidden" name="rodzaj_akcji" value="find_or_add">
</FORM>
<FORM ACTION="hardware_find.php" TARGET="Obszar_r" method="post" name="lista_szaf">

<input type="hidden" name="id" value="">
<input type="hidden" name="rodzaj_akcji" value="select_szafa">
</FORM>
<FORM ACTION="hardware_show.php" TARGET="Obszar_r" method="post" name="hardware">
<input type="hidden" name="id" value="">
</FORM>
<FORM ACTION="lokalizacje_show.php" TARGET="Obszar_r" method="post" name="lokalizacje">
<input type="hidden" name="adres_id" value="">
</FORM>
<FORM ACTION="/WAN/mdokumentacje/dokumentacje_find.php" TARGET="Obszar_r" method="post" name="dokumentacje">

<input type="hidden" name="nazwa_dokumentacji" value="">
<input type="hidden" name="nazwa_tabeli" value="">
<input type="hidden" name="id_remote" value="">
</FORM>
<FORM ACTION="zmiany_tabel_find.php" TARGET="Dodaj_dokumentacje" method="post" name="historia">
<input type="hidden" name="id" value="">
<input type="hidden" name="nazwa_tabeli" value="hardware">
</FORM>
<FORM ACTION="protokoly.php" TARGET="Dodaj_dokumentacje" method="post" name="protokoly">
<input type="hidden" name="id" value="">
</FORM>

<FORM ACTION="/WAN/mz_ip_mac/ip_find.php" TARGET="Obszar_r" method="post" name="adres_ip">
<input type="hidden" name="nazwa" value="">
</FORM> <TABLE class="tab_inna_center" width=700>
<CAPTION>Dane szczegółowe urządzenia</CAPTION>
<TR>
<TH width=8%>
Id
</TH>
<TH width=92% COLSPAN=5>

Szczegóły
</TH>
</TR>
<TR>
<TD width=50 rowspan=18>
<STRONG><a HREF="javascript:send('722')" TARGET="_self">722</A></STRONG><br><br><a HREF="javascript:send_historia('722')" TARGET="_self"><IMG src='/pliki/historia.gif' alt="" TITLE = "Historia zmian bieżącego rekordu" HEIGHT=20 WIDTH=20 border=0></A><br><br><a HREF="javascript:send_protokol_history('722')" TITLE = "Protokoły dotyczące tego urządzenia" TARGET="_self"><IMG src='/pliki/icon_protokol.gif' alt="" HEIGHT=20 WIDTH=20 border=0></A><br><STRONG><a HREF="javascript:send_szafa('722')" TARGET="_self">szafa</A></STRONG></TD>
<TH width=23% colspan=2 class="nag_inny_2">
Nazwa
</TH>
<TH width=23% class="nag_inny_2">
Producent
</TH>

<TH width=23% class="nag_inny_2">
Typ
</TH>
<TH width=23% class="nag_inny_2">
Nr seryjny/<br>Nr inwentarzowy
</TH>
</TR>
<TR>
<TD width=23% rowspan=2 colspan=2>
<STRONG><a HREF="javascript:send_adres_ip('xxxx')" TARGET="_self">xxxx</A></STRONG>
</TD>
<TD width=23%>
<IMG src='/pliki/logo_cisco.gif' alt="" HEIGHT=25 WIDTH=90>
</TD>
<TD width=23% rowspan=2>

Cisco 2620
</TD>
<TD width=23%>
JAC0509A1AR
</TD>
</TR>
<TR>
<TD width=23%>
Cisco
</TD>
<TD width=23%>

</TD>
</TR>
<TR>
<TH width=23% class="nag_inny_2" colspan=2>
Nazwa placówki

</TH>
<TH width=23% class="nag_inny_2">
Miasto
</TH>
<TH width=23% class="nag_inny_2">
Ulica
</TH>
<TH width=23% class="nag_inny_2">
Uwagi
</TH>
</TR>
<TR>
<TD width=8%>
<STRONG><a HREF="javascript:send_adres_id('1111')" TARGET="_self">1111</A></STRONG><br />(B)
</TD>
<TD width=15% style="text-align: left">

XVIII Oddział w Warszawie - Filia nr 1 w Warszawie
</TD>
<TD width=23% style="text-align: left">
Warszawa
</TD>
<TD width=23% style="text-align: left">
xxxx
</TD>
<TD width=23% style="text-align: left">
wic-2t, wic-1b<br>Sieć LAN: Przed migracją
</TD>
</TR>
<TR>
<TH width=23% class="nag_inny_2" colspan=2>
Dostawca
</TH>

<TH width=23% class="nag_inny_2">
Status urządzenia/ Właściciel
</TH>
<TH width=23% class="nag_inny_2">
Stan urządzenia
</TH>
<TH width=23% class="nag_inny_2">
Na czyim stanie?
</TH>
</TR>
<TR>
<TD width=23% colspan=2>
<IMG src='/pliki/logo_xxx.gif' alt="" HEIGHT=25 WIDTH=90>
</TD>
<TD width=23% style='background: #66CC00; font-weight: bold;'>
W Banku
</TD>

<TD width=23% rowspan=2 style='background: #66CC00; font-weight: bold;'>
Sprawne
</TD>
<TD width=23%>
<STRONG><a HREF="javascript:send_adres_id('1110')" TARGET="_self">1110</A></STRONG>
</TD>
</TR>
<TR>
<TD width=23% colspan=2>
Solidex
</TD>
<TD width=23% style='background: #66CC00; font-weight: bold;'>
Bank
</TD>
<TD width=23%>
XVIII Oddział w Warszawie

</TD>
</TR>
<TR>
<TH width=23% class="nag_inny_2" colspan=2>
Serwis - bieżący
</TH>
<TH width=23% class="nag_inny_2">
Typ serwisu - bieżący
</TH>
<TH width=23% class="nag_inny_2">
Serwis - przyszły
</TH>
<TH width=23% class="nag_inny_2">
Typ serwisu - przyszły
</TH>
</TR>
<TR>

<TD width=23% colspan=2>
xxx - Umowa serwisowa
</TD>
<TD width=23% title="Serwis wymienny (uszkodzone urządzenie zastępowane sprawnym), pon-sob 8:00-22:00, czas wymiany 10h (gwarancja)">
E2
</TD>
<TD width=23%>
xxx - Umowa serwisowa
</TD>
<TD width=23% title="Serwis wymienny (uszkodzone urządzenie zastępowane sprawnym), pon-sob 8:00-22:00, czas wymiany 10h (po gwarancji)">
E2-P
</TD>
</TR>
<TR>
<TH width=23% class="nag_inny_2" colspan=2>
Kto ostatnio edytował
</TH>

<TH width=23% class="nag_inny_2">
Kiedy edytował
</TH>
<TH width=23% class="nag_inny_2">
Właściciel
</TH>
<TH width=23% class="nag_inny_2">
Liczba urządzeń
</TH>
</TR>
<TR>
<TD width=23% colspan=2>
xxx
</TD>
<TD width=23%>
2005-12-23 11:39:51
</TD>

<TD width=23%>
Bank
</TD>
<TD width=23%>
1
</TD>
</TR>
<TR>
<TH width=23% class="nag_inny_2" colspan=2>
Dokument WZ
</TH>
<TH width=23% class="nag_inny_2">
Data dokumentu WZ
</TH>
<TH width=23% class="nag_inny_2">
Data protokołu przekazania
</TH>

<TH width=23% class="nag_inny_2">
Kto przekazał
</TH>
</TR>
<TR>
<TD width=23% colspan=2>

</TD>
<TD width=23%>
0000-00-00
</TD>
<TD width=23%>
0000-00-00
</TD>
<TD width=23%>

</TD>

</TR>
<TR>
<TH width=23% class="nag_inny_2" colspan=2>
Początek gwarancji
</TH>
<TH width=23% class="nag_inny_2">
Koniec gwarancji
</TH>
<TD width=23%>

</TD>
<TD width=23%>

</TD>
</TR>
<TR>
<TD width=23% colspan=2>

2001-08-16
</TD>
<TD width=23%>
2003-12-31
</TD>
<TD width=23%>

</TD>
<TD width=23%>

</TD>
</TR>
<TR>
<TH width=23% class="nag_inny_2" colspan=2>
Kto dodał sprzęt do bazy
</TH>
<TH width=23% class="nag_inny_2">

Kiedy dodał
</TH>
<TD width=23%>

</TD>
<TD width=23%>

</TD>
</TR>
<TR>
<TD width=23% colspan=2>
xxxx
</TD>
<TD width=23%>
2001-01-01
</TD>
<TD width=23%>

</TD>
<TD width=23%>

</TD>
</TR>
</TABLE>
</BODY>
</HTML>

[zwierz]

http://mozillapl.org/forum/about-13419.html
http://mozillapl.org/forum/about-11979.html

[Tomek]

To ja dodam tylko że walidator wypluł 102 błędy... to chyba dośc dużo...

[mz2003]

Cierpliwie poprawiłem wszystkie błędy i niezgodności ze standardem - poniżej poprawiony kod tabeli.
Walidator nie wypluwa nic a problem z wyświetlaniem pionowych linii wewnątrz tabeli jak był tak jest.
I przypominam, że problem występuje tylko przy pierwszym wejściu na stronę z nowymi danymi dla tej tabeli. Jeżeli wracam do tej strony klawiszem "Cofnij" to tabela jest wyświetlana prawidłowo ze wszystkimi obramowaniami wewnątrz. Problem pojawia sie też dla innych moich stron gdzie występują rozbudowane tabele.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<TITLE>Znalezione urządzenia - szczegóły</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<LINK REL="Stylesheet" HREF="/WAN/wan.css" TYPE="text/css">
<script type="text/javascript">
function send(j_nazwa)
{
document.getElementById("lista").target="_self";
document.getElementById("lista").id.value=j_nazwa;
document.getElementById("lista").submit();
}
function send_atm(atm_nazwa)
{
document.getElementById("atm_lista").target="_self";
document.getElementById("atm_lista").id.value=atm_nazwa;
document.getElementById("atm_lista").submit();
}
function send_szafa(szafa)
{
document.getElementById("lista_szaf").target="_self";
document.getElementById("lista_szaf").id.value=szafa;
document.getElementById("lista_szaf").submit();
}
function send_adres_id(j_adres_id)
{
document.getElementById("lokalizacje").target="_self";
document.getElementById("lokalizacje").adres_id.value=j_adres_id;
document.getElementById("lokalizacje").submit();
}
function send_protokol(j_nazwa, j_tabela, j_id)
{
document.getElementById("dokumentacje").target="_self";
document.getElementById("dokumentacje").nazwa_dokumentacji.value=j_nazwa;
document.getElementById("dokumentacje").nazwa_tabeli.value=j_tabela;
document.getElementById("dokumentacje").id_remote.value=j_id;
document.getElementById("dokumentacje").submit();
}
function send_adres_ip(j_adres_ip)
{
document.getElementById("adres_ip").target="_self";
document.getElementById("adres_ip").nazwa.value=j_adres_ip;
document.getElementById("adres_ip").submit();
}
function send_hardware(j_id)
{
document.getElementById("hardware").target="_self";
document.getElementById("hardware").id.value=j_id;
document.getElementById("hardware").submit();
}
function send_historia(j_id)
{
okno(800, 500);
document.getElementById("historia").target="Dodaj_dokumentacje";
document.getElementById("historia").id.value=j_id;
document.getElementById("historia").submit();
}
function send_protokol_history(j_id)
{
okno(800, 500);
document.getElementById("protokoly").target="Dodaj_dokumentacje";
document.getElementById("protokoly").id.value=j_id;
document.getElementById("protokoly").submit();
}
function okno(sizex, sizey)
{
var newWindow;
var pozycjaX=parseInt((screen.width-sizex)/2);
var pozycjaY=parseInt((screen.height-sizey)/2);
var maxX;
var maxY;
if(screen.width > sizex) maxX=sizex;
else maxX=screen.width;
if(screen.height>sizey) maxY=sizey;
else maxY=screen.height;
if(!newWindow || newWindow.closed)
{
wyglad="scrollbars,status,resizable,width=" + maxX + ",height=" + maxY + ",left=" + pozycjaX + ",top=" + pozycjaY;
newWindow= window.open("","Dodaj_dokumentacje", wyglad);
}
else newWindow.focus();
}


</script>
</HEAD>
<BODY>

<FORM id="lista" ACTION="/WAN/hardware_edit.php" method=POST>
<p>
<input type="hidden" name="id">
<input type="hidden" name="rodzaj_akcji" value="update">
</p>
</FORM>
<FORM id="atm_lista" ACTION="/WAN/mz_bankomaty/atm_show.php" method=post >
<p>
<input type="hidden" name="id" value="">

<input type="hidden" name="rodzaj_akcji" value="find_or_add">
</p>
</FORM>
<FORM ACTION="/WAN/hardware_find.php" method="post" id="lista_szaf">
<p>
<input type="hidden" name="id" value="">
<input type="hidden" name="rodzaj_akcji" value="select_szafa">
</p>
</FORM>

<FORM ACTION="/WAN/hardware_show.php" method="post" id="hardware">
<p>
<input type="hidden" name="id" value="">
</p>
</FORM>
<FORM ACTION="/WAN/lokalizacje_show.php" method="post" id="lokalizacje">
<p>
<input type="hidden" name="adres_id" value="">
</p>
</FORM>

<FORM ACTION="/WAN/mz_dokumentacje/dokumentacje_find.php" method="post" id="dokumentacje">
<p>
<input type="hidden" name="nazwa_dokumentacji" value="">
<input type="hidden" name="nazwa_tabeli" value="">
<input type="hidden" name="id_remote" value="">
</p>
</FORM>
<FORM ACTION="/WAN/zmiany_tabel_find.php" method="post" id="historia">
<p>

<input type="hidden" name="id" value="">
<input type="hidden" name="nazwa_tabeli" value="hardware">
</p>
</FORM>
<FORM ACTION="/WAN/protokoly.php" method="post" id="protokoly">
<p>
<input type="hidden" name="id" value="">
</p>
</FORM>

<FORM ACTION="/WAN/mz_ip_mac/ip_find.php" method="post" id="adres_ip">

<p>
<input type="hidden" name="nazwa" value="">
</p>
</FORM> <TABLE class="tab_inna_center" width=700>
<CAPTION>Dane szczegółowe urządzenia</CAPTION>
<colgroup>
<col width="8%">
<col width="8%">

<col width="15%">
<col width="23%">
<col width="23%">
<col width="23%">
<TR>
<TH>Id</TH>
<TH COLSPAN="5">Szczegóły</TH>
</TR>

<TR>
<TD rowspan=18>
<STRONG><a HREF="javascript:send('722')">722</A></STRONG><br><br><a HREF="javascript:send_historia('722')"><IMG src='/pliki/historia.gif' TITLE = "Historia zmian bieżącego rekordu" alt="" HEIGHT=20 WIDTH=20></A><br><br><a HREF="javascript:send_protokol_history('722')" TITLE = "Protokoły dotyczące tego urządzenia"><IMG src='/pliki/icon_protokol.gif' alt="" HEIGHT=20 WIDTH=20></A>
<br><STRONG><a HREF="javascript:send_szafa('722')">szafa</A></STRONG>
</TD> <TH colspan=2 class="nag_inny_2">Nazwa</TH>
<TH class="nag_inny_2">Producent</TH>
<TH class="nag_inny_2">Typ</TH>

<TH class="nag_inny_2">Nr seryjny/<br>Nr inwentarzowy</TH>
</TR>
<TR>
<TD rowspan=2 colspan=2><STRONG><a HREF="javascript:send_adres_ip('PRA-111111')">PRA-111111</A></STRONG></TD><TD><IMG src='/pliki/logo_cisco.gif' alt="" HEIGHT=25 WIDTH=90></TD> <TD rowspan=2>Cisco 2620</TD>
<TD>JAC0509A1AR</TD>
</TR>

<TR>
<TD>Cisco</TD>
<TD></TD>
</TR>
<TR>
<TH colspan=2 class="nag_inny_2">Nazwa placówki</TH>
<TH class="nag_inny_2">Miasto</TH>

<TH class="nag_inny_2">Ulica</TH>
<TH class="nag_inny_2">Uwagi</TH>
</TR>
<TR>
<TD><STRONG><a HREF="javascript:send_adres_id('1111')">1111</A></STRONG><br />(B)</TD>
<TD class="col_lewy"></TD>

<TD class="col_lewy">Warszawa</TD>
<TD class="col_lewy"></TD>
<TD class="col_lewy"></TD>
</TR>
<TR>
<TH colspan=2 class="nag_inny_2">Dostawca</TH>
<TH class="nag_inny_2">Status urządzenia/ Właściciel</TH>

<TH class="nag_inny_2">Stan urządzenia</TH>
<TH class="nag_inny_2">Na czyim stanie?</TH>
</TR>
<TR><TD colspan=2><IMG src='/pliki/logo_solidex.gif' alt="" HEIGHT=25 WIDTH=90></TD> <TD style='background: #66CC00; font-weight: bold;'>W Banku</TD>
<TD rowspan=2 style='background: #66CC00; font-weight: bold;'>Sprawne</TD>
<TD><STRONG><a HREF="javascript:send_adres_id('1110')">1110</A></STRONG></TD>

</TR>
<TR>
<TD colspan=2></TD>
<TD style='background: #66CC00; font-weight: bold;'>Bank</TD>
<TD>XVIII Oddział w Warszawie</TD>
</TR>
<TR>
<TH colspan=2 class="nag_inny_2">Serwis - bieżący</TH>

<TH class="nag_inny_2">Typ serwisu - bieżący</TH>
<TH class="nag_inny_2">Serwis - przyszły</TH>
<TH class="nag_inny_2">Typ serwisu - przyszły</TH>
</TR>
<TR>
<TD colspan=2>Umowa serwisowa</TD>
<TD title="Serwis wymienny (uszkodzone urządzenie zastępowane sprawnym), pon-sob 8:00-22:00, czas wymiany 10h (gwarancja)">XVIII Oddział w Warszawie</TD>

<TD>Umowa serwisowa</TD>
<TD title="Serwis wymienny (uszkodzone urządzenie zastępowane sprawnym), pon-sob 8:00-22:00, czas wymiany 10h (po gwarancji)">E2-P</TD>
</TR>
<TR>
<TH colspan=2 class="nag_inny_2">Kto ostatnio edytował</TH>
<TH class="nag_inny_2">Kiedy edytował</TH>
<TH class="nag_inny_2">Właściciel</TH>

<TH class="nag_inny_2">Liczba urządzeń</TH>
</TR>
<TR>
<TD colspan=2></TD>
<TD>2005-12-23 11:39:51</TD>
<TD>Bank</TD>
<TD>1</TD>

</TR> <TR>
<TH colspan=2 class="nag_inny_2">Dokument WZ</TH>
<TH class="nag_inny_2">Data dokumentu WZ</TH>
<TH class="nag_inny_2">Data protokołu przekazania</TH>
<TH class="nag_inny_2">Kto przekazał</TH>
</TR>

<TR>
<TD colspan=2></TD>
<TD>0000-00-00</TD>
<TD>0000-00-00</TD>
<TD></TD>
</TR> <TR>
<TH colspan=2 class="nag_inny_2">Początek gwarancji</TH>

<TH class="nag_inny_2">Koniec gwarancji</TH>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD colspan=2>2001-08-16</TD>
<TD>2003-12-31</TD>

<TD></TD>
<TD></TD>
</TR>
<TR>
<TH colspan=2 class="nag_inny_2">Kto dodał sprzęt do bazy</TH>
<TH class="nag_inny_2">Kiedy dodał</TH>
<TD></TD>
<TD></TD>

</TR>
<TR>
<TD colspan=2></TD>
<TD>2001-01-01</TD>
<TD></TD>
<TD></TD>
</TR>
</TABLE>
</BODY>
</HTML>

[mz2003]

Mały dodatek do moich obserwacji, że problem jednak leży po stronie Firefoxa.
Tabela jest tworzona z opcją {border-collapse: collapse}
Zaobserwowałem, że problem występuje jeżeli tabela jest przesyłana z serwera w kilku kawałkach - mechanizm renderowania tabeli zaczyna działać już po pierwszych otrzymanych danych i na koniec wyrzuca z siebie dziwne rezultaty.
W momencie kiedy włączyłem buforowanie danych na serwerze i wysyłam tabelę jako całość - problem praktycznie nie istnieje (dla bardzo dużych tabel nadal wychodzą opisane wcześniej kwiatki).