Le bug des labels implicites sous IE6 et 7

Comment éviter la répétition du style des labels sur les input. Un bug qui se traduit le plus souvent par un incompréhensible doublement des marges intérieures et extérieures.

C'est bug qui posent souvent problème sous sous les versions 6 et 7 le navigateur Internet Explorer (à la fois dans sa version 6 et 7).

Il se manifeste sous la forme d'une répétition du style des labels sur les input, qui se traduit le plus souvent par un incompréhensible doublement des marges intérieures et extérieures.

Ce symptôme se produit quand vous cherchez à imbriquer le label et l'input afin de faire du labeling implicite :
 

 <label>Test <input type="text" name="test" /></label>

Internet Explorer 6 et 7 interprète le HTML comme si vous aviez fait :
 

 <label>Test</label>
<label><input type="text" name="test" /></label>

Si vous n'imbriquez pas label et input, Internet Explorer 6 et 7 se comportent normalement :
 

 <label for='test'>Test</label> 
<input type="text" name="test" id='test' />

Article publié par Frédéric de Villamil sous Créative Commons.