Discussion :

[guicecal]

Bonjour,

Je rencontre un problème de compatibilité avec IE6.

Voici le code HTML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<li nowrap>
<!-- Attention, laissez la ligne suivante sur une seule ligne
 	sinon bug d'affichage sur IE6, 7 et 8 -->
<label for="NOM" style="display:inline-block;" nowrap>Nom <font size="1"><i>( commençant par </i><INPUT type="checkbox" name="NOMBEGINBY" id="NOMBEGINBY" value="1" <%if(sc.isNomBeginBy())%><%="checked"%>> )</font></label>
<INPUT type="text" name="NOM" id="NOM" value="<%=sc.getNom()%>" style="text-transform: uppercase;">
</li>

Sous Firefox, j'ai Le résultat est satisfaisant, j'ai bien sur une seule ligne :
Nom (commençant par ... ) ... remplace la case à coche

Sous IE6, il y a un saut de ligne qui se met systématiquement avant la case à cocher !

Je sais que le standard n'est plus depuis longtemps IE6 mais j'ai des clients qui n'ont que ça !

Merci d'avance de votre aide...

[RomainVALERI]

L'extrait de code présenté, lui, est plus ancien encore qu'IE6...

Il a du être écrit pour IE3 ou 4 j'imagine...

[Bovino]

nowrap n'est pas un attribut valide pour une balise <label>, donc la gestion ne peut en aucun cas être garantie.
Ceci dit, cet attribut est déprécié et ne devrait plus être utilisé, prendre à la place la propriété CSS white-space: nowrap

[guicecal]

C'est effectivement un peu mieux... Je n'ai plus de saut à la ligne par contre il me met un grand espace entre le "par" et la case à cocher !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<li nowrap>
<!-- Attention, laissez la ligne suivante sur une seule ligne
      sinon bug d'affichage sur IE6, 7 et 8 -->
<label for="NOM" style="display:inline-block;white-space:nowrap;" >Nom <font size="1"><i>( commençant par </i><INPUT type="checkbox" name="NOMBEGINBY" id="NOMBEGINBY" value="1" <%if(sc.isNomBeginBy())%><%="checked"%>> )</font></label>
<INPUT type="text" name="NOM" id="NOM" value="<%=sc.getNom()%>" style="text-transform: uppercase;">
</li>

Merci de votre aide