Saut de ligne avec un checkbox

Version imprimable

Bonjour,

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

Voici le code HTML :
Code:

1 2 3 4 5 6 7 <li nowrap>  <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...

04/08/2011, 17h18
RomainVALERI

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

Il a du être écrit pour IE3 ou 4 j'imagine... :cry:
04/08/2011, 17h24
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

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:

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