Rebonjour les gens, dans un autre poste un peu plus bas, je lance une recherche sur un leger probleme d'affichage de mon site sous IE.
Plus précisemment ces pages :
http://www.aj-crea.com/presentation_ajcrea.asp
et
http://www.aj-crea.com/page_accessibilite.asp
Schant comme je l'ai déja précisé que le seul élément changeant d'une page à l'autre est le "contenu".
J'ai décidé de décortiquer la page accessibilité car elle a moins de contenu.
Et là, je suis sur le hulk, mais franchement.
Je vous explique, voici le contenu du "contenu" :
Oui vous ne rêvez pas le fil d'ariane est ecrit en dur, comme je vais surement passer d'asp à php d'ici pas longtemps je n'avais pas envie de perdre du temps à dev un truc.
Bref, revenons à nos moutons.
J'ai procédé ainsi, retiré les blocs les uns après les autres en rafraichissant ma page pour voir si ça changeait quelque chose, et ce fut le cas.
Je supprime cette partie :
Et youhouhhhh le decallage disparait.
Je recolle l'ensemble et decortique encore un poil plus :
- Je retire le titre <h3>Liens d'évitement : </h3> seul et ça fonctionne, tout se cale.
- Je laisse le titre et retire le paragraphe, idem.
La je commence à suer à grosses goutes mais je recole l'ensemble et continue mon analyse :
- Je retire la partie entre <em></em> et ça marche...grand moment de solitude.
- Je retire juste les tags <em></em> en laissant le texte et ça fonctionne toujours...je vais chercher une corde pour me pendre.
Pourquoi une corde? parce que si vous regardez bien le contenu global, il y'a une autre partie sous <em></em> un peu plus bas, qui elle ne pause aucun problème.
Il semble qu'il y'ait, par je ne sais quel miracle une interaction entre l'ensemble titre/paragraphe qui contient des <em> qui entraine un comportement étrange sous IE du moins c'est ce que j'ai cru.
Mais j'ai poussé l'analyse, je suis teigneux, je compare cette partie en <em> avec celle plus bas dans la page, bon ok celle ci est plus longue, je la raccourcis pour voir.
Tiens ça marche, ahahhh content de moi j'ai trouvé...et bien non, c'est pire.
J'en viens à soupçonner un truc pas possible, genre croiser les effluves un truc dans le genre.
Exactement. un truc dans le genre, je pousse le vice à retirer les "" autour d'aller au contenu qui se trouve en bout de ligne, et rebingo, ça marche...
Je me dis, tiens IE doit considérer dans sa logique bien propre à lui que un ensemble de mots entre "" ne peut pas être séparé sur 2 lignes, etrange mais ce serait un début de solution...
Comme je suis teigneux (je l'ai déja dit? )
pour rire, je rajoute une lettre au debut de aller et à la fin de contenu...et là rebelotte, le bug reapparait...
Bon qui a une poutre? J'ai déja ma corde.
Surtout que si je vais voir ma page de présentation, il n'y a pas de "" dans le texte.
Bilan pour moi, il semble que les balises <em> aient un effet sur la gestion des retours à la ligne sous IE, me demandez pas pourquoi, je ne fais que constater.
D'ailleurs si quelqu'un a déja été confronté au problème et à une explication à donner, je suis preneur.
Aymeric, qui va se ce pas boire un double Oban.
PS : ahh oui, pour la petite histoire, si le bug disparaissait quand je retirais le titre au dessus du paragraphe, c'est que pour je ne sais quelle raison, IE "calle" mes paragraphes au niveau du titre, au lieu d'utilise leur style complet...encore un mystère.
Modifié par AymericJ (04 May 2006 - 16:45)
Plus précisemment ces pages :
http://www.aj-crea.com/presentation_ajcrea.asp
et
http://www.aj-crea.com/page_accessibilite.asp
Schant comme je l'ai déja précisé que le seul élément changeant d'une page à l'autre est le "contenu".
J'ai décidé de décortiquer la page accessibilité car elle a moins de contenu.
Et là, je suis sur le hulk, mais franchement.
Je vous explique, voici le contenu du "contenu" :
<div id="contenu">
<p id="ariane"><a name="lecture" href=" "></a>Vous êtes ici : <a href="default.asp" title="Retour vers la page d'accueil AJcréa">accueil</a> > politique d'accessibilité</p>
<h2>Politique d'accessibilité :</h2>
<p>Soucieux d'offrir au plus grand nombre l'accès à l'information, AJcréa met en place une politique d'accessibilité la plus complète possible.
Si vous avez des questions ou des suggestions concernant l'accessibilité du site, n'hésitez pas à <a href="mailto:admin@aj-crea.com" title="Envoi d'email">me contacter</a>, tout retour est le bienvenu pour améliorer mon service.
</p>
<h3>Liens d'évitement : </h3>
<p>En haut de page se trouvent une série de liens qui permettent un accès plus aisé à l'information
(<em>Sur les pages ou l'ensemble du contenu apparait dans la même fenêtre, les liens "aller au contenu" et "aller au menu" n'auront pas d'effet visuel direct, mais ils permettent à un navigateur "texte" de "sauter" les informations non voulues</em>).</p>
<h3>Raccourcis d'accès clavier :</h3>
<p>Pour pouvoir naviguer le plus simplement possible avec le clavier, une série de raccourcis ont été mis en place : </p>
<ul>
<li>Aller directement à la page de politique d'accessibilité :<br /> Alt + Shift + 0</li>
<li>Aller directement au contenu : Alt + Shift + 2</li>
<li>Aller directement au menu principal : Alt + Shift + 3</li>
<li>Retourner à la page d'accueil : Alt + Shift + 1</li>
<li>Aller directement aux coordonnées d'AJcréa : Alt + Shift + 5</li>
<li>Envoyer un email à AJcréa : Alt + Shift + 9</li>
</ul>
<p>N'oubliez pas de valider votre choix avec la touche entrée sous Internet Explorer.</p>
<p>Vous pouvez également naviguer de lien en lien sur les pages en utilisant la touche de tabulation (<em>touche avec 2 flêches sur le côté gauche de votre clavier au dessus de la touche de verou des majuscules</em>).</p>
<h3>Pour un Web accessible : </h3>
<p>Soutenez l'action pour <a href="http://www.web-pour-tous.org/soutien_loi_numerique/" title="Lien externe - Pour un web accessible maintenant">"l'accessibilité numérique"</a>, affichez un des logos sur vos sites internet : <br />
<a href="http://www.web-pour-tous.org/soutien_loi_numerique/" title="Pour un web accessible maintenant"> <img src="images/accesslogo2.png" alt="Pour un web accessible maintenant" style="border:0" width="89" height="31" /> </a>
</p>
</div>
Oui vous ne rêvez pas le fil d'ariane est ecrit en dur, comme je vais surement passer d'asp à php d'ici pas longtemps je n'avais pas envie de perdre du temps à dev un truc.
Bref, revenons à nos moutons.
J'ai procédé ainsi, retiré les blocs les uns après les autres en rafraichissant ma page pour voir si ça changeait quelque chose, et ce fut le cas.
Je supprime cette partie :
<h3>Liens d'évitement : </h3>
<p>En haut de page se trouvent une série de liens qui permettent un accès plus aisé à l'information
(<em>Sur les pages ou l'ensemble du contenu apparait dans la même fenêtre, les liens "aller au contenu" et "aller au menu" n'auront pas d'effet visuel direct, mais ils permettent à un navigateur "texte" de "sauter" les informations non voulues</em>).</p>Et youhouhhhh le decallage disparait.
Je recolle l'ensemble et decortique encore un poil plus :
- Je retire le titre <h3>Liens d'évitement : </h3> seul et ça fonctionne, tout se cale.
- Je laisse le titre et retire le paragraphe, idem.
La je commence à suer à grosses goutes mais je recole l'ensemble et continue mon analyse :
- Je retire la partie entre <em></em> et ça marche...grand moment de solitude.
- Je retire juste les tags <em></em> en laissant le texte et ça fonctionne toujours...je vais chercher une corde pour me pendre.
Pourquoi une corde? parce que si vous regardez bien le contenu global, il y'a une autre partie sous <em></em> un peu plus bas, qui elle ne pause aucun problème.
Il semble qu'il y'ait, par je ne sais quel miracle une interaction entre l'ensemble titre/paragraphe qui contient des <em> qui entraine un comportement étrange sous IE du moins c'est ce que j'ai cru.
Mais j'ai poussé l'analyse, je suis teigneux, je compare cette partie en <em> avec celle plus bas dans la page, bon ok celle ci est plus longue, je la raccourcis pour voir.
Tiens ça marche, ahahhh content de moi j'ai trouvé...et bien non, c'est pire.
J'en viens à soupçonner un truc pas possible, genre croiser les effluves un truc dans le genre.
Exactement. un truc dans le genre, je pousse le vice à retirer les "" autour d'aller au contenu qui se trouve en bout de ligne, et rebingo, ça marche...
Je me dis, tiens IE doit considérer dans sa logique bien propre à lui que un ensemble de mots entre "" ne peut pas être séparé sur 2 lignes, etrange mais ce serait un début de solution...
Comme je suis teigneux (je l'ai déja dit? )
pour rire, je rajoute une lettre au debut de aller et à la fin de contenu...et là rebelotte, le bug reapparait...Bon qui a une poutre? J'ai déja ma corde.
Surtout que si je vais voir ma page de présentation, il n'y a pas de "" dans le texte.
Bilan pour moi, il semble que les balises <em> aient un effet sur la gestion des retours à la ligne sous IE, me demandez pas pourquoi, je ne fais que constater.
D'ailleurs si quelqu'un a déja été confronté au problème et à une explication à donner, je suis preneur.
Aymeric, qui va se ce pas boire un double Oban.
PS : ahh oui, pour la petite histoire, si le bug disparaissait quand je retirais le titre au dessus du paragraphe, c'est que pour je ne sais quelle raison, IE "calle" mes paragraphes au niveau du titre, au lieu d'utilise leur style complet...encore un mystère.
Modifié par AymericJ (04 May 2006 - 16:45)
(04 May 2006 - 16:37)
