Fieldset et scrollbar

3 pièce(s) jointe(s)

Bonjour,

Voici mon problème : (que je rencontre sur IE7 mais pas sur IE6).
j'ai un fieldset on ne peut plus normal qui contient une zone de text. Cette zone de text possède une longueur de 500px.

lorsque la la taille de la fenetre est assez grande il y a pas de probleme. Cependant, si cette dernière est trop petite elle fait apparaitre les scroolbar (normal !). Seulement les border droit du fieldset ne sont pas 'synchroniser' avec la vrai largeur !!
bon diffice d'etre claire, quelque image s'impose vous comprendrez tout de suite mon probleme

Pièce jointe 12092 cas normal ou tout vas bien
Pièce jointe 12093 avec scrollbar
Pièce jointe 12094 je met la scrollbar tout à droite et la j'ai un soucis... le fieldset est plus petit que la zone de text !

Est ce que quelqu'un peut m'eclaire ? est il possible de résoudre ce problème ?

merci de votre aide !

Edit :
Voici le source du petit exemple qui illustre le problème
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> </head> <body> <fieldset> <legend>test</legend> <input type='text' style='width:500px;' /> </fieldset> </body> </html>

Salut,

Tu donnes une largeur a ton input, donc, qu'il y ait la place ou non, cette largeur va être respectée.
Le fieldset lui, puisque c'est un élément block, va prendre ce qu'on lui donne.

Je te conseille de définir la largeur pour le fieldset.
Ensuite, pour le input, tu peux mettre une taille en px, ou en %, c'est comme tu sens.

Dans tous les cas, je te conseille de mettre un display: block; sur le input, car même si IE comprends, un élément inline est sensé ignoré les dimensions qu'on lui définit.

merci pour tes lumières ! ;)