18041 sujets

Questions générales et questions de débutants

IE6 begaye mes spans [Résolu]

Bonjour,

J'ai un souçi dont je n'arrive pas à me défaire :

IE6 répète inutilement les derniers caractères d'une balise.
C'est ici : http://www.essarts-le-roi-tt.fr/Pages/Index.html
En bas à droite de la page, dessous l'image, le texte Nos compétiteurs - Saison 2007, le 007 est répété sans raison en-dessous du cadre.

1/ Cela ne dépend pas du nombre de caractères à afficher dans la balise,
2/ Si je change la balise span en balise div, IE6 répète alors les 4 derniers caractères.
3/ Cela ne dépend pas de la largeur du texte par rapport à la largeur du conteneur.
Bref, j'ai l'impression d'un systématisme IE6 only.

La partie HTML concernée :

<DIV id="pagecentre">
	<DIV id="CONT">
		<DIV id="CONT_LEFT">
			...
		</DIV>
		<DIV id="CONT_RIGHT">
			...
			<DIV id="LECLUB">
				<IMG id="VIGNETTE" src="../Images/Decorum/FullClub.jpg"
					alt="Les comp&#233;titeurs du club"
					onclick="ShowPhoto('../Images/Decorum/FullClubBig.jpg')">
				<span class="microtext">
					Nos comp&#233;titeurs - Saison 2007
				</span>
			</DIV>
		</DIV>
	</DIV>
		...
</DIV>

Les définitions CSS associées :

#CONT {
    width : 770px;
  }

#CONT_LEFT {
    position:relative;
    width:549px;
    float:left;
  }

#CONT_RIGHT {
    float : right;
    width : 216px;
  }

#LECLUB {
    clear:right;
    float:right;
    text-align:center;
    width:212px;
    border-width: 1px;
    border-color: #5A718B;
    border-style: solid;
  }

.microtext {
    color: rgb(102, 102, 102);
    font-family: verdana;
    font-size: 8pt;
    display:block;
  }

#VIGNETTE {
    display:block;
    width:212px;
    height:142px;
  }

Modifié par aCOSwt (03 Oct 2007 - 16:47)
Grand merci à toi Julien !

Effectivement : ...This bug is a real headbanger...

J'en étais là avant de vous appeler au-secours.

Pour le résumé en français de ceux que cela peut interesser :

La cause directe de ce problème n'est rien d'autre que les commentaires HTML en sandwitch entre des flottants venant en séquence.

Cela m'apprendra à commenter mon code.

Merci encore !
Donc la solution serait de mettre des "commentaires conditionnels" (<!--[if !IE]Put your commentary in here...<!--[/endif] )ou de donner une marge de -3px à droite au dernier flottant à gauche (One easy fix is to put a -3px right margin on the last left float) ?
Ou plus radicalement de ne pas commenter le code ?
Cela a-t-il quelque chose à voir avec le désormais célèbre "bug du 3px jog" ?
Je ne dirai jamais assez merci pour la résolution de ce problème sur lequel je sèche depuis une semaine.
Le pire est que je cherchais à reproduire le problème sur des fichiers de test... en vain évidemment puisque je ne commente pas mes fichiers de test...

@6l20 Tilt ! Je viens de tilter en écrivant ton pseudo... et en me demandant s'il s'agissait d'un I ou d'un l... je crains que tu ne coupes tes 1/2 kiwis en 4...

Parce qu'à la bourre, j'ai rapidement affublé mon dernier float right d'une disgracieuse margin-left de -3px mais Je pense que le plus rationel est d'agir sur les commentaires puisque, après tout, le problème vient d'eux.
D'où... <!--[if !IE] que j'ajoutererai dorénavant systématiquement à tous mes commentaires.
Maintenant, je me demande si le plus rationel sur bien des points serait de se fabriquer une petite moulinette qui strippe systématiquement tous les commentaires non conditionnels avant upload.

Est-ce que cela a à voir avec le 3px jog je n'en sais fichtre rien mais c'est vrai que IE dérape décidément beaucoup avec des histoires à 3 px !
Modifié par aCOSwt (03 Oct 2007 - 16:49)
La chasse au kiwi, donc a forciori au 1/2, étant ce qu'elle est, ie oh combien ardue, cruelle, injuste, blablabla... il est hors de question que je partitionne davantage ma quête ! Smiley lol
6l20 pour Sylvain (déjà présent sur le forum) Smiley cligne

Pour en revenir au sujet, je voulais simplement clarifier les choses, mais il n'est pas faux de dire (donc il est vrai...) que je pousse parfois trop loin le raisonnement Smiley lol
Sujet clos
Aller à