[Resolu] Ie6 me surprendra toujours....

Ie6 me surprendra toujours.... [Resolu] - HTML/CSS - Programmation

Marsh Posté le 08-10-2007 à 10:22:06    

Bonjour,
 
Il fallait que je poste ça.
Histoire de garder une trace du truc, un peu comme un best-off, si on veut.
Ie6 m'a déjà habitué à ses comportements étranges dès lors qu'il s'agit de faire un peu de la mise page, mais là...
Là, donc, voici la surprise du matin: il m'extrait les deux derniers caractères d'une liste à puce et me les recole, un peu plus loin dans l'affichage.
sans déconner.
 
voici le code:
 

Code :
  1. <div class="cadre_bleu">
  2.   <h3 class="jaune">La fonte</h3>
  3.     <a href="une href...." class="ref_link" target="_blank">
  4.   <img src="images/appliques/meule4.jpg" alt=""/>
  5.     </a>
  6.     <a href="une href...." class="ref_link" target="_blank">
  7.   <img src="images/appliques/meule5.jpg" alt=""/>
  8.     </a>
  9.   <ul>
  10.     <li>Bartex materiaux</li>
  11.     <li>Super Bartex fonte</li>
  12.   </ul>
  13. </div>


 
et voici ce que ça donne avec Ie6 (remarquez le "te" qui apparait à droite de l'image):
http://dev.simtic.com/krebs/ie6_de_la_quatrieme_dimention.gif
 
garanti aucun trucage  :D  
ce phénomène étrange disparait quand j'affiche la page sans le css.
 
et je confirme: le "te" qui apparait à doite de l'image correspond aux dernières lettres de "Super Bartex fonte".
j'ai essayé de changer "Super Bartex fonte", par "Super Bartex fon", et c'est "on", du coup, qui apparait à droite de l'image  :heink:  
 
Quelqu'un a t'il déjà vu ça ?


Message édité par dj3c1t le 08-10-2007 à 10:46:49
Reply

Marsh Posté le 08-10-2007 à 10:22:06   

Reply

Marsh Posté le 08-10-2007 à 10:44:37    

bon, j'ai résolu le problème en collant un _width avec une valeur spéciale pour Ie6 dans le css.
ça marche, mais me demandez pas pourquoi: j'en ai aucune idée  :pt1cable:  
 
une piste, peut-être: les éléments sont positionés en float: left.
j'ai déjà remarqué que le "float: left" a tendance à perturber Ie6 avec les marges, les padding...
 
enfin bref....
 
allez, bon code à tous  :sol:

Reply

Marsh Posté le 08-10-2007 à 23:56:40    

jamais vu ça...
 
 tu peux me filer tes styles sans le _width pour que je teste ça et que je vois par moi meme?


Message édité par Ryoh le 08-10-2007 à 23:57:09
Reply

Marsh Posté le 09-10-2007 à 03:51:01    

c'est un bug connu des flottants, si tu as trop de commentaires HTML dans ton code c'est ce qui se produit.
 
Donc réduit les commentaires HTML.
Ce bug est assez rare mais il est assez funky. Et il n'y a pas que les caractères qui se retrouvent reproduits parfois

Reply

Marsh Posté le 09-10-2007 à 10:26:24    

Bonjour, merci pour vos réponses.
 
Pour le bug avec les flottants, je n'ai pourtant aucun commentaire HTML...  
(mais tu parles peut-être des commentaires dans le fichier CSS: parce que là, par contre, j'en ai quelques uns)
Quoi qu'il en soit c'est effectivement, comme tu dis, bien funky c't'affaire...
 
En ce qui concerne le code, j'ai coupé des pans entiers de HTML/CSS, histoire d'en extraire une zone d'expérimentation  :D  
téléchargeable ici en zip avec, donc, le HTML, le CSS et les images.
à tester, donc, avec IE6.
Bon, je pense que dans ce code, y'a encore moyen d'épurer tout en conservant le bug...
Le _width qui corrige le truc dans le CSS est commenté (ligne 46)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed