Champset firefox overflow CSS fix
Comment puis-je définir le contenu de débordement dans fieldset?
Il fonctionne sous IE mais pas dans FF.
Même fonctionnalité que je peux atteindre avec élément div dans les deux navigateurs.
Exemple:
<fieldset style="border:thin solid #990033;">
<legend>test</legend>
<div style="background-color:#0033FF; height: 30px; width:800px;" >FIXED DIV</div>
</fieldset>
<p> </p>
<div style="border:1px solid #999999; padding:0 8px 8px 8px;">
<label style="background-color:#FFFFFF; padding:0 5px; position:relative; top:-10px;" >test</label>
<div style="background-color:#0033FF; height: 30px; width:800px;" >FIXED DIV</div>
</div>
source d'informationauteur jmav
Vous devez vous connecter pour publier un commentaire.
Trouvé la solution, ajouter conditionnelle de style css:
C'est effectivement un bug dans Firefox et il existe pour près de 8 ans. 😀
https://bugzilla.mozilla.org/show_bug.cgi?id=261037
À partir d'un blog post par Emil Björklund:
vous n'avez pas besoin de dépassement de la teneur! Dans IE(6), par défaut, le "fieldset" balise n'a pas de rembourrage, en FF il a! C'est pourquoi vous avez un comportement différent!
Vous pouvez réinitialiser la marge intérieure (padding:0px;) de la fieldset mais dans ce cas, en FF, l'étiquette n'a pas l'air fine! Pour corriger cela, vous pouvez réinitialiser le padding-bottom de la fieldset et appliquer un "margin-left:-12px" à la div à l'intérieur de la fieldset.
Cependant, résout le problème avec FF, mais génère un problème dans IE!
Donc, ma suggestion est d'utiliser conditionnelle CSS à appliquer à chaque navigateur le droit de règles de style!