Paris, photo, humeurs, un peu de HTML/CSS pour faire sérieux. Feinte innocence et vraie naïveté (ou vice-versa). Encore un blog qui agite ses petits bras en couinant "Viens me lire !"
Comme d'habitude, les petites choses demandent autant de sueur que les grandes. Inventaire :
liste complète des articles.
En voulant la condenser un peu, j'ai mis le pied gauche dans le célèbre bug d'affichage d'IE connu sous le nom de "peek-a-boo", lequel a donné naissance à toute une littérature spécialisée – un coup de Yahoogle vous en convaincra. Description succincte : affichage en simili-portnawak véritable lorsqu'on fait défiler le contenu de la fenêtre. Causes possibles : nombreuses, variées et inattendues. Synthèse personnelle de mes lectures et observations : se déclenche quand la mise en page demandée devient trop complexe pour la pauvre tête malade du navigateur : "float" un peu partout, marges négatives et autres calculs. Pour la liste complète, j'espère avoir trouvé un compromis satisfaisant.
autre manifestation (je crois) de peek-a-boo.
Certains articles de la "Boîte à pharmacie" débordaient à gauche. Explication présumée : l'image de dragon est en float. Si le texte voisin n'est pas assez fourni pour occuper toute la hauteur de l'image + une ligne d' "isolation", zbing ! Du coup, j'ai conçu une vive inquiétude pour l'article Pluie composé de deux photos "floatées" et d'un tout petit peu de texte. Inquiétude justifiée. Palliatif bon à connaître : enfermer le texte dans un div auquel on donne une hauteur légèrement supérieure à celle de l'image. Crapoteux mais efficace (à peu près : cette solution sème la grouille dans les navigateurs qui font ce qu'on leur demande) .
barre de menu rendue indéformable.
Sans cela, rétrécir la fenêtre "repliait" cette barre et semait la panique dans la zapette de navigation. Surprise : a marché du premier coup.
zapette (spécial IE, voir ici ) : les boutons réagissent désormais au survol.
De quoi c'est-il que ça venait que ça marchait pas ? Non seulement IE ne fait réagir au survol que les liens <a>, mais en outre il veut que ces liens renvoient à quelque chose (href). Ergo, rajout d'un href parfaitement postiche. Crapoteux de chez pas beau.
pagination (spécial IE)
Pour une catégorie très peuplée, comme ce "Journal", la pagination est augmentée de boutons à flèche. Classique. Pourquoi ces boutons à flèche ne sont-ils pas, sous IE , aussi hauts que les autres ? Aaalors là … Grands moments d'amusement intense et d'épluchage de la spécification CSS pour élaborer un charcutage qui produise l'effet voulu sous IE sans réveiller peek-a-boo et sans compromettre l'effet (parfaitement correct) obtenu avec un navigateur décent. Crapoteux de chez franchement vilain.
Espérons que tout ça n'explosera pas trop tôt.