Greska sa display: none kod firefoxa ?

[ Lord_Nenad @ 27.06.2009. 17:48 ] @

Treba mi pomoc oko display: none, overflow: hidden, itd. u javascripti i HTML-u.
Uradio sam ovaj kod i radi na IE, ali prilikom smanjenja visine i postavljanja display: none za <tr> u firefoxu mi ostane "slobodan prostor" izmedju <tr>-ova :)

Evo koda:

Code:

<table>
            <tr>
                <td>...neki kod...</td>
             </tr>
<tr id="info12" onmouseover="krenuo1('info12','info11')" onmouseout="izasao1('info12','info11')" style="display: none;" height="100%">
        <td align="left" valign="top">
<script language="JavaScript">
var poceo1 = 0;

function krenuo1() {
poceo1 = 1;
setTimeout("otvori1('info12','info11')",1000);
}
function izasao1() {
poceo1 = 0;
setTimeout("otvori1('info12','info11')",1000);
}

function otvori1(sc1,sc2) {
if ( poceo1 == 1 ) {
document.getElementById(sc1).style.display = "block";
if ( parseFloat(document.getElementById(sc2).style.height) < 175 ) {
document.getElementById(sc2).style.height = parseFloat(document.getElementById(sc2).style.height) + 5;
setTimeout("otvori1('info12','info11')",50);
}
}
if ( poceo1 == 0 ) {
if ( parseFloat(document.getElementById(sc2).style.height) >= 25 ) {
document.getElementById(sc2).style.height = parseFloat(document.getElementById(sc2).style.height) - 25;
setTimeout("otvori1('info12','info11')",20);
}
else
{
document.getElementById(sc2).style.height = 5;
document.getElementById(sc1).style.display = "none";
}
}
}

</script>
<div id="info11" style="overflow: hidden; height: 5px;" >
...neki kod...
</div>
</td>
</tr>
            <tr>
                <td>...neki kod...</td>
             </tr>
            <tr>
                <td>...neki kod...</td>
             </tr>
            <tr>
                <td>...neki kod...</td>
             </tr>
                         ...
</table>

Sve radi super, "otvori" se <div> ( ovi <tr> ispod se pomere na dole ) , lepo sve, i kad krene da se zatvara, ide do neke granice i onda ovi <tr> od dole sto su se pomerali na gore stanu, i ostane neki prostor... To se desi u firefoxu, a u IE radi sve lepo...

Zna li neko u cemu je problem?

Hvala...

[ agvozden @ 27.06.2009. 19:43 ] @

Možda si ga zbunio.

Prvo, JS-u nije mesto u tabeli, pogotovo ne u onom delu koji će se sakriti (možda tu zbunjuješ FF).

Drugo, optimizuj kod. stalno ponavljanje get ElementById smara browser.
ubaci:
var sc2el = document.getElementById(sc2)
pa onda radi sa sc2el unesto da stalno pronalasiš elemente... ovo će ubrzati znatno skript.

Možda ti nisam pomogao direktno, ali ni ovi saveti nisu za bacanje.