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 ):
Code :
- <div class="fieldsetLike">
- <p class="legendLike"><span>Fausse legende</span></p>
- <div class="clear">On croirait un fieldset mais en fait non !</div>
- </div>
|
Et pour le css :
Code :
p.legendLike { margin-top:-0.9em; margin-left:10px; } p.legend span { background:yellow; border:1px solid green; } div.fieldsetLike { border:1px solid black; background:red; float:left /*Voila le probleme*/ } .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
Merci.