Mozilla problem med table-less design
Hej, jeg sidder og roder med et forholdsvist avanceret table-less design. Siden virker 100% i IE 6.0 (Går ud fra 5.0 0g 5.5 heller ikke klager), men I Mozilla har jeg været nødt til at lave et lille "hack" i mit stylesheet for at siden ser normal ud (taler om display : table ; koden)Dette gør at min hover på menulinksne ikke virker, og at min "fold-ud menu" ikke virker, hvilket den gør hvis jeg fjerner display : table ;
Det irriterer mig lidt, da jeg har været nødt til at lave nogle browser tjecks for at sikre at Mozilla og NS 6+ brugere også kan bruge siden, uden at det samtidigt går ud over IE brugerne (som jo nok er i flertal :) Dette vil jeg gerne undgå, så både IE og Mozilla/NS brugere ser samme side, og at den virker ens i begge tilfælde.
I kan se siden her :
http://80.62.209.214/new/index.php
Mit Stylesheet kan ses her :
http://80.62.209.214/new/main.css
Og hvis i vil se hvad jeg mener med mine JS work-arounds, kan i se min JS kode her :
http://80.62.209.214/new/main.js
Fjerner jeg display : table ; virker det som sagt også i Mozilla, men siden ser knapt så køn ud.
Der er 2 krav til en evt. løsning :
1. Siden overholder XHTML 1.0 Strict standarden, og det SKAL den blive ved med, så ingen underlige ikke-standard løsninger, tak.
2. Siden er med vilje lavet 100% uden tabeller (som en udfordring for mig selv :), og det SKAL den fortsat være, så ingen forslag om at lave det med tabeller (hvilket selvfølgelig ville være meget nemmere, men ingen udfordring ;)
Håber der er nogen til stede med god erfaring i table-less designs :)
