Se connecter avec
S'enregistrer | Connectez-vous

Probleme de rendu sur IE

Dernière réponse : dans Programmation

Bonjour,
Je cherche à reproduire le rendu d'un fieldset+legend à l'aide d'un div+p.
Je suis parvenu au résultat suivant (a l'aide notamment du lien suivant ):

  1. <div class="fieldsetLike">
  2. <p class="legendLike"><span>Fausse legende</span></p>
  3. <div class="clear">On croirait un fieldset mais en fait non !</div>
  4. </div>

Et pour le css :
  1. p.legendLike
  2. {
  3. margin-top:-0.9em;
  4. margin-left:10px;
  5. }
  6.  
  7. p.legend span
  8. {
  9. background:yellow;
  10. border:1px solid green;
  11. }
  12.  
  13. div.fieldsetLike
  14. {
  15. border:1px solid black;
  16. background:red;
  17. float:left /*Voila le probleme*/
  18. }
  19.  
  20. .clear {clear:both;}

Ce code fonctionne bien sous firefox ou safari, mais --surprise-- pas sous IE...
Sous IE6 (je n'ai pas testé la version 7), la "légende" est coupée. C'est comme si ce qui dépassait du cadre .fieldsetLike se trouvait effacé.
Si je supprime le flottement, la "légende" est affichée correctement.

Quelqu'un a-t-il une idée pour corriger ce probleme de rendu qui me rend fou :pt1cable: 

Merci.

Autres pages sur : probleme rendu

Lassé par la pub ? Créez un compte
Lassé par la pub ? Créez un compte
Tom's guide dans le monde