Fieldset et scrollbar

**CAML** · 16/04/2007, 14h34

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

Nom : 1.PNG
Affichages : 66
Taille : 28,9 Ko

Nom : 1.PNG
Affichages : 66
Taille : 28,9 Ko

cas normal ou tout vas bien
Nom : 2.PNG
Affichages : 57
Taille : 28,3 Ko

avec scrollbar
Nom : 3.PNG
Affichages : 61
Taille : 28,2 Ko

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**MasterOfChakhaL** · 16/04/2007, 15h17

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.

**CAML** · 16/04/2007, 15h40

merci pour tes lumières !

Fieldset et scrollbar

HTML

Discussions similaires

Partager

Partager