firefox -> tabellen überlagern sich!

[Gamer20]

http://web181.sr14.firestorm.ch/IE.PNG
http://web181.sr14.firestorm.ch/FF.PNG

im IE wird die innere tabelle korrekt angezeigt (innherlab der äußeren tabelle)!

im FF wird die innnere tabelle nicht korrekt eingebunden (verschachtelt), somit sieht es aus, als wäre diese 2 tabelle drüber gelegt.

hab bemerkt das es am befehl style='display:none' liegt

code der äußeren tabelle:
<table border='0' width='500' height='130' align='center' style='display:none'

wenn ich den befehl raus nehme, wird die innere tabelle korekt verschachtelt bzw. eingebunden.

ich habe es mal mit visibility:visible versucht, das würde klappen, nur würde die tabelle net zusammenklappen, sondern nur unsichtbar werden. somit habe ich im javascript bzw. in der funktion folgendes gemacht:

<script language="JavaScript">
function SDB(ID)
{
document.getElementById(1).style.display='none';
document.getElementById(2).style.display='none';
document.getElementById(3).style.display='none';
document.getElementById(4).style.display='none';
document.getElementById(5).style.display='none';
document.getElementById(ID).style.visibility='visible';
}
</script>

die tabelle wird also beim laden der seite korrekt angezeigt, die tabelle klappt dann auch zu, aber der letzte vorgang klappt net mehr -> die tabelle bleibt geschlossen.

ich sitzt jetzt schon 5 std. an den problem und komm net weiter.

jemand ne idee wie ich firefox züchtigen kann? *g*!




toll wie immer, erst findet man stundenlang nix, dann schreibt man was ins forum und schon hat man 3 minuten später die lösung:

document.getElementById(1).style.display='none';
document.getElementById(2).style.display='none';
document.getElementById(3).style.display='none';
document.getElementById(4).style.display='none';
document.getElementById(5).style.display='none';
document.getElementById(id).style.display='';


einfach in der letzten zeile mal was gelöscht *g*!

also thema kann eigentlich gelöscht werden!