Geklier van Microsoft
Aangezien ik mij voor DokuWiki ook bezighoud met de opmaak van pagina's, test ik standaard met de browsers Firefox, Chrome en Opera voor Windows en minimaal 2 van de 3 onder Android. Zodra de layout me bevalt, ga ik ook testen met Microsoft Edge en ondanks dat Microsoft zich tegenwoordig veel beter houdt aan de defacto HTML5 en CSS3 standaarden blijft het oppassen met die grappenmakers uit Redmond, WA.
Je weet nooit welk afwijkend gedrag een Microsoft browser vertoont.
Hierbij een voorbeeld-screenshot van de Microsoft Edge browser waarin een bepaalde HTLM5/CSS3 correcte opmaak toch niet goed wordt weergegeven. In dit voorbeeld zijn de tabelrijen veel hoger dan de inhoud die daarin wordt weergegeven. De gebruikte CSS3 regels werken goed in alle overige andere genoemde browsers.
De css regels om dit issue te fixen zijn de volgende.
... /* +++ Microsoft Edge fixes => Dus nog steeds!! +++ */ .dokuwiki article .page { min-height: 0 !important; } div.dokuwiki table.pagelist tr { line-height: 2; } ...
Et voilà
Vroeger was de incompatibiliteitsellende met Microsofts Internet Explorer een stuk groter, met Edge heeft men besloten om de defacto standaarden beter te volgen.
Maar het blijft toch oppassen. Handige tips vond ik trouwens op deze pagina's: