Les meilleurs bugs sous IE

Administrateur PHPfrance
Administrateur PHPfrance | 11457 Messages

23 août 2006, 13:27

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

ViPHP
ViPHP | 2144 Messages

23 août 2006, 14:04

Et après, on se demande pourquoi on se tape la tête contre les murs, pour rendre un site web "compatible IE"

Mammouth du PHP | 684 Messages

23 août 2006, 15:06

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:
Zigz4g

Administrateur PHPfrance
Administrateur PHPfrance | 3131 Messages

23 août 2006, 15:14

Par curiosité, si tu remplaces <i> par <em> ça bug aussi ?

Administrateur PHPfrance
Administrateur PHPfrance | 11457 Messages

23 août 2006, 15:19

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...

Administrateur PHPfrance
Administrateur PHPfrance | 11457 Messages

23 août 2006, 15:22

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.

Administrateur PHPfrance
Administrateur PHPfrance | 11457 Messages

23 août 2006, 15:25

  • 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 ?

Modérateur PHPfrance
Modérateur PHPfrance | 6373 Messages

23 août 2006, 15:45

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

Mammouth du PHP | 19672 Messages

23 août 2006, 17:48

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}
:?:
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:

Administrateur PHPfrance
Administrateur PHPfrance | 11457 Messages

23 août 2006, 18:19

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

Modérateur PHPfrance
Modérateur PHPfrance | 7636 Messages

24 août 2006, 00:56

ç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:

/!\ Avant de poster se documenter et rechercher.
Qui ne sait pas rendre un service n'a pas le droit d'en demander.
MaBrute

Administrateur PHPfrance
Administrateur PHPfrance | 11457 Messages

24 août 2006, 01:20

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... ;)

Modérateur PHPfrance
Modérateur PHPfrance | 7636 Messages

24 août 2006, 01:32

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:

/!\ Avant de poster se documenter et rechercher.
Qui ne sait pas rendre un service n'a pas le droit d'en demander.
MaBrute

Eléphant du PHP | 246 Messages

24 août 2006, 19:54

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.

Administrateur PHPfrance
Administrateur PHPfrance | 11457 Messages

24 août 2006, 20:04

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: