Fieldset-like : Probleme de rendu sous IE6

Fieldset-like : Probleme de rendu sous IE6 - HTML/CSS - Programmation

Marsh Posté le 04-12-2007 à 12:20:11    

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 :
  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 :

Code :
  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.

Reply

Marsh Posté le 04-12-2007 à 12:20:11   

Reply

Marsh Posté le 05-12-2007 à 09:06:50    

Up please?

Reply

Marsh Posté le 07-12-2007 à 20:53:57    

Vraiment personne?

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed