Bliver ikke vist korrekt i firefox

Jeg har kigget på siden via IE og Opera. Man kan tydeligt se, at det ser ordentligt ud i IE, men forkert i Opera.

<ole>

Form-elementer er noget af det, der renderer mest forskelligt i forskellige browsere. Brug noget andet end button-elementer, så bliver 'knapperne' i det mindste ens.
Desuden bruger du <br> i designøjemed (dine links i venstre side). det er aldrig godt, hvis man ønsker ens visning i forskellige browsere.

Derudover er det en elendigt performende fremgangsmåde at skifte CSS-klasse dynamisk. Du bør kun skifte de enkelte style-properties på elementerne.
At gøre som du, bevirker at browseren genberegner hele siden, hvergang du laver en mouseover/-out - hvilket stort set svarer til, at siden reloades.

/mvh
</bole>

Jeg er med på at måden jeg skifter css-klasser dynamisk ikke er for smart, og jeg ændre det også ved lejlighed :-)

Jeg har droppet at bruge <br /> i menuen til venstre. Jeg har i stedet sat knapperne ind i en tabel. Jeg vil gerne have teksten på knapperne venstrestillet, men det virker ikke i mozilla (text-align:left).

Til sidst har jeg indført følgende script som jeg bruger til at vælge stylesheet for mig.

<script type="text/javascript">
ie6 = (navigator.appVersion.indexOf("MSIE 6") != -1) ? true : false;
ns6 = (document.getElementById && !document.all) ? true : false;
ns4 = (document.layers) ? true : false;
ie5 = (!ie6 && document.getElementById && document.all) ? true : false;
ie4 = (!ie5 && document.all) ? true : false;

if((ie6==true) || (ie5==true) || (ie4==true) ){
document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"./style/style1024.css\">");
}
else
{
document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"./style/mozstyle1024.css\">");
}

</script>

Jeg har så bare rettet mozstyle1024.css til så det passer i firefox

lukker