Page 1 sur 2

Les meilleurs bugs sous IE

Posté : 23 août 2006, 13:27
par albat
Bonjour,

Savez-vous s'il existe un site qui recueille les bugs les plus inattendus d'IE ?
J'ai cette découverte à leur proposer... ;)

J'ai composé 6 pages ainsi :
- un bandeau horizontal en haut (bleu)
- deux cartouches alignés l'un au dessus de l'autre à gauche (bleus aussi)
- la fenêtre principale (blanc)

Tout est codé en HTML et CSS, sans frame ni profusion de <div> superflus.
Les 6 pages ont rigoureusement la même structure, seul le contenu du blanc change.

Image

Sous Firefox, tout se passe bien.
Sous Opera, tout se passe bien.
Sous IE... ben, j'ai ça :

Image

:!: Le bloc blanc s'aligne sur le dernier cartouche bleu.

"Rien d'extraordinaire", dites-vous ?

Et si je vous disais que :
  • les CSS des cartouches et du bloc blanc sont parfaitement corrects ?... :-s
  • ce bug ne se produit que sur une seule des 6 pages ?... :-k
  • ce bug est causé par le contenu du bloc blanc ?... :shock:
  • la balise responsable de ce bug est... <i></i> !? ](*,)
:?: Explication :
Le bloc blanc contient du texte formaté avec la balise <p></p>.
  • En l'absence de balises <i></i>,... tout va bien, on a l'affichage 1
  • Si les balises <i></i> encadre une chaîne qui, à l'écran, n'excède pas une ligne,... Ok aussi
  • Si les balises <i></i> encadre tout le texte mais "par tronçons",
    cad <p><i>Il</i> <i>était</i> <i>une</i> <i>fois</i>...</p>,... Ok aussi
  • Si les balises <i></i> encadre tout le texte en une seule fois (donc sur plusieurs lignes),
    cad <p><i>Il était une fois ...</i></p>,... C'est planté !
Comme disait l'autre : Étonnant, non ? #-o

Posté : 23 août 2006, 14:04
par iclo
Et après, on se demande pourquoi on se tape la tête contre les murs, pour rendre un site web "compatible IE"

Posté : 23 août 2006, 15:06
par zigz4g
Le designer chez nous arrive a faire planter IE avec une mise en page tout simple.
Bon le plantage survient seulement lors de l'aperçut avant impression mais vue que c'est la home page, elle vas être souvent imprimée :)
Je suis entièrement d'accord pour bannir IE version 6 de nos compatibilités :twisted:
Vive les Pandas et les Konquereurs ... :)
IE6.... :tir2:

Posté : 23 août 2006, 15:14
par naholyr
Par curiosité, si tu remplaces <i> par <em> ça bug aussi ?

Posté : 23 août 2006, 15:19
par albat
Par curiosité, si tu remplaces <i> par <em> ça bug aussi ?
Oui. Identique.

Mais si je remplace <i> par <b>... Ça marche !!! ](*,)

parti chercher un smiley qui se tire une balle dans la tête...

Posté : 23 août 2006, 15:22
par albat
Par curiosité, si tu remplaces <i> par <em> ça bug aussi ?
Et si je définis l'aspect italique dans mon style avec font-style: italic; , ça plante.

Re: Les meilleurs bugs sous IE

Posté : 23 août 2006, 15:25
par albat
  • Si les balises <i></i> encadre tout le texte mais "par tronçons",
    cad <p><i>Il</i> <i>était</i> <i>une</i> <i>fois</i>...</p>,... Ok aussi
  • Si les balises <i></i> encadre tout le texte en une seule fois (donc sur plusieurs lignes),
    cad <p><i>Il était une fois ...</i></p>,... C'est planté !
En fait, il suffit qu'un retour à la ligne (EOL) ait lieu entre <i> et </i> pour que ça merdoie.

Magique, non ?

Posté : 23 août 2006, 15:45
par ouckileou
Y'a une page ici, qui recense plein de bugs italique/IE : http://www.positioniseverything.net/exp ... ug-ie.html

Au mieux, tu trouves une solution, au pire, tu rajoutes ta participation à la liste :P

Posté : 23 août 2006, 17:48
par Cyrano
Suggestion :

Code : Tout sélectionner

du texte <span class="it">quelconque et la suite ... jusqu'à la fin</span> tout aussi quelconque
Et une feuille de style externe avec :

Code : Tout sélectionner

span.it{ font-style: italic}
:?:

Posté : 23 août 2006, 18:19
par albat

Code : Tout sélectionner

<p style="font-style:italic">...</p>
:arrow: Bug

Code : Tout sélectionner

<p><span style="font-style:italic">...</span></p>
:arrow: Bug

Je crée dans le fichier CSS :

Code : Tout sélectionner

.truc { font-family:verdana ; font-size:12px ; font-style:italic; line-height:18px ; text-align:justify ; color:#333333 ; }

Code : Tout sélectionner

<p class="truc">...</p>
:arrow: Bug

Code : Tout sélectionner

<p><span class="truc">...</span></p>
:arrow: Bug

Posté : 24 août 2006, 00:56
par Truc
ça ne peut que bugger avec une clase nommée "truc" :roll:

Et dire que misieu crosoft doit en avoir beaucoup de pti gars qui "travaillent" pour une chose parfaite... et il suffit d'un albat pour tout casser :mrgreen:

Posté : 24 août 2006, 01:20
par albat
il suffit d'un albat pour tout casser :mrgreen:
J'ai en effet un certain talent - bien involontaire - pour dénicher les problèmes.
En général, les plus inattendus, ceux "qu'existent même pas dans le manuel".
Mais je ne m'en réjouis pas plus que ça : c'est pas du flair, c'est de la poisse ! :langue:


Dis, tu veux que je jette un oeil à tes dév ? En simple bêta-testeur... ;)

Posté : 24 août 2006, 01:32
par Truc
Dis, tu veux que je jette un oeil à tes dév ? En simple bêta-testeur... ;)
Erf... non ça me fait peur à moi même :afraid:

Ma toute première création devrai être pas mal... des bugs de toutes les couleurs y en a pour tout le monde il te faut une équipe pour tout relever :oops:

Posté : 24 août 2006, 19:54
par Nico128
J'ai déja eu des petit soucis comme ça. Ce que je faisais, je supprimait directe la page et je la remplacais par une autre qui marchait. Puis ensuite je collais le contenue petit a petit.

Sinon si tu as dreamweaver. Tu peux choisir si tu veux que le texte (ou image, tableau etc.) soit placé en haut, au milieu ou en bas de la cellule, essayaye peut etre de regler sa.

Posté : 24 août 2006, 20:04
par albat
J'ai déja eu des petit soucis comme ça. Ce que je faisais, je supprimait directe la page et je la remplacais par une autre qui marchait. Puis ensuite je collais le contenue petit a petit.
C'est comme ça que j'ai procédé.
Autrement, je n'aurais jamais pu découvrir l'origine de ce bug.
Qui aurait en effet pu soupçonner le style italique ?... ](*,)
si tu as dreamweaver
Si j'ai quoi ? :tir2: