Dikke ballen, maar echt dikke

Onlangs bij een opdracht van het omzetten van Photoshop PSD naar XHTML/CSS echt gefrustreerd geraakt.

Door de speciale opzet van de site zelf was het mogelijk voor mij om volgende zaken te ondervinden:

  • Firefox kan soms ook raar doen, zeker als je 5 levels diep je font-size probeert aan te passen, oplossing is eenvoudige benadering van het element. Dus in plaats van:
    #foo dl dt h2 a {
    font-size: 0.8em;
    }
    Doe je beter dit als het op Firefox aankomt:
    #foo dl a {
    font-size: 0.8em;
    }
  • Je niet verplicht bent een fieldset te gebruiken in form, p doet het evengoed. Ondervonden bij 2 formulieren na elkaar in een 2 level diep gefloat element bij Opera en Firefox nadat in de CSS bepaald werd dat:
    fieldset {
    border: none;
    }
    is en opeens alle formulieren weg waren.
    Dit wil nu niet zeggen dat Internet Explorer het goed doet omdanks dat hij het zo weergaf zoals gewenst, gewoon omdat het fout was en IE er zich niets van aantrok en toch weergaf.
  • Internet Explorer problemen heeft met het weergeven van absoluut gepositioneerde elementen als ze geen z-index hebben, maar waar heeft deze browser geen problemen mee ?
  • Dat het echt tijd wordt dat er een beetje gelijkheid komt tussen de browsers onderling, volgens mijn mening ( wie erom vraagt ) moeten de verschillende browser onderling concureren door hun manier van werken, gebruiksvriendeljkheid en snelheid en niet met het feit hoe ze elk hun eigen manier hebben van CSS te parsen

Voor de rest wens ik u alles toe, ik hoop van u hetzelfde