Opera…

On le sait, en tant que linuxien maniaque, j’aime beaucoup les logiciels qui ne nous enferment pas dans un système pré-défini. Je veux donc pas m’embêter à lancer une machine virtuelle sous Windows ou OS X (surtout que j’ai pas de licence d’OS X) juste pour vérifier que ce site présente bien sous Internet Explorer ou Safari.

Donc, vivent les produits Mozilla et Opera : le même navigateur sous Windows, Mac OS X, Linux, BSD, Solaris et même Windows Mobile, c’est top.

Récemment, je me suis dit que j’allais activer les gravatars, vu que je me rends compte que c’est pas mal d’avoir une accroche visuelle au début des commentaires. Et comme c’est moche sinon, j’aligne l’avatar à gauche et je mets le pseudo et l’heure sur deux lignes.

Sous Firefox (3.0.14), ça donne ça :gravatar_firefox. Impeccable, c’est ce que j’avais en tête.

Petit tour sous Opera pour vérifier, et là, cagade : gravatar_opera. Il cale bien l’image à gauche, cale aussi la numérotation à gauche, et superpose connement les deux. Merci à lui.

Après avoir tripatouillé dans les feuilles de style pour essayer de corriger ça, avoir joué sur la numérotation, les marges externes (margin) et internes (padding) des différents éléments, rien à faire : si je corrige sous Opera, j’ai un gros vide sous Firefox entre le numéro et l’image.

Après une demi-heure, illumination : Ghusse a une présentation du même genre pour les avatars sur son blog. M’en vas jeter un œil à son CSS pour voir si je trouve une solution…

Argh, non, rien d’inhabituel.

Ombre d’un doute, vérification sous Opera : gravatar_ghusse_opera. Yes, je suis pas le seul à avoir ce problème.

M’en vais maintenant voir si l’ingénieur trouve une solution que le journaliste bricoleur aura ratée.

  • Ça, c’est vraiment méchant de chez très méchant !

  • Keya ? L’ingénieur a pas de solution non plus ? ^^

  • Pas essayé, mais ce qui est méchant c’est que tu viens de m’y obliger

  • J’ai trouvé … ce qui cause le bug, mais je n’ai pas trouvé le moyen de corriger ça sous Opera. Le problème vient du fait que le premier élément dans l’élément de liste est l’image qui est positionnée en flottant.
    Le numéro, qui est ajouté par le navigateur, vient se coller au texte qui n’est pas positionné de cette manière.

  • Okay, j’en étais à la même conclusion. Opera ne détecte pas qu’un truc flottant à gauche du texte fait quand même partie du contenu de la liste. >_<

    Sinon, Firefox a des bugs avec la coupure automatique des mots, aussi. J'ai désactivé cette fonction, du coup, parce que trois mots sur une ligne, c'est pas cool.