On nous parle de navigateurs standards, modernes, et voir, pour les meilleurs, qui passent le test ACID2. Mais cela ne veut pas dire parfait. Voici quelques problèmes que j'ai rencontré au cours du développement de ce site, sur divers navigateurs.

La propriété CSS content

J'utilise cette propriété pour afficher des images ou texte autour de certains liens, pour spécifier un de leurs particularité, comme le fait qu'ils pointent vers une adresse mail, ou qu'ils sont des liens externes. J'ai donc écris ce code :

a[href^="http"]:after {content:"\0000a0"url(img/external.png);}
a[href*="filyb.info"]:after {content:"";}

La première ligne ajoute une image de lien externe après un lien commençant par http (ce qui exclu les liens relatifs). Mais pour que cette image soit placée uniquement sur les liens externes, il faut aussi l'enlever sur les liens commençant par http://filyb.info. J'ai donc mis un contenu vide (content:"") à la place de l'image.

Le problème est que Konqueror 3.5.7 affiche un rectangle style caractère absent de la police dans ce dernier cas. Une solution est de remplacer content:"" par content:none. Ça marche... mais uniquement dans Konqueror. Cette propriété est ignorée par Mozilla Firefox.

La solution : utiliser les deux. Ça donne : {content:""; content:none}. Cela fonctionne parfaitement dans Mozilla Firefox, Konqueror et Opera. Dans Internet Explorer 6 et 7, il n'y a rien d'afficher, le problème ne se pose pas.

Les styles de citations et les citations imbriquées

En français, il existe deux types de guillemets pour les citations imbriquées. Les guillemets de premier niveau (« et ») et de second niveau (“ et ”). Pour que les balises <q> les utilisent, il faut utiliser les styles suivants :

q {quotes : "«\0000a0" "\0000a0»" "“" "”";}
q:before{content : open-quote;}
q:after{content : close-quote;}

Le \0000a0 correspond à une espace insécable en unicode.

Ces styles fonctionnent parfaitement sous Mozilla Firefox.

Opera 9.21 a un léger soucis dans le cas où il y a trois niveaux de citations imbriqués, comme dans les citations que vous venez de lire. Opera style correctement la citation de premier niveau, mais ferme celle de second niveau à la balise d'ouverture de celle de troisième niveau, affiche le caractère double-quote (") à la fermeture de celle de troisième niveau, et ferme correctement celle de second niveau.

Konqueror 3.5.7... échoue lamentablement. Il affiche avant les guillemets ouvrant et fermant de premier niveau le caractère Â, et affiche n'importe quoi pour les guillemets de second niveau. Je n'ai pas trouvé de parade.

Les Internet Explorer... n'affichent rien. Pas de marque de citation. Je ne vais pas chercher plus loin, changez de navigateur.