Débordement de contenu Fieldset dans Firefox

Question

Je rencontre un problème de css avec fieldset et je me demande si vous pourriez m'aider?

J'ai un fieldset avec une largeur inférieure à la largeur de div de son contenu.

Je veux que le fieldset affiche une barre de défilement horizontale car le contenu est trop large mais il ne fonctionne que dans IE et non dans Firefox.

Merci d'avance.

Eric

Ceci est le code html

<fieldset style=" width:150px; overflow:scroll;" > 
    <div style="width:200px; height:50px; background:red;"> 
     Contents... 
    </div> 
</fieldset> 

Answer 1

La meilleure chose que je peux trouver est de mettre 2 divs imbriqués dans le fieldset:

<fieldset style="width:150px" > 
    <div style="width: 150px; overflow-x:scroll;"> 
     <div style="width:200px; height:50px; background:red;"> 
      Contents... 
     </div> 
    </div> 
</fieldset> 

Answer 2

Essayez ceci:

<fieldset style=" width:150px;"> 
    <div style="width:200px; height:50px; background:red; overflow:scroll;"> 
     Contents... 
    </div> 
</fieldset> 

Answer 3

Comme d'autres havealreadymentioned, ce bogue dans Firefox: Bug 261037 - overflow property not implemented on fieldset (rapporté en 2004, et toujours pas fixé)

Answer 4

J'ai eu le même problème. FF n'autorise pas le débordement: masqué sur les balises fieldset, que vous utilisiez overflow-y ou overflow-x. Mon correctif utilisait '-moz-hidden-unscrollable'. Comme ceci ...

fieldset{ 
    overflow: -moz-hidden-unscrollable; 
} 

C'est un bidouillage sale mais ça marche.

re: https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#Values