probleme textarea ie et firefox

Version imprimable

bonjour
pour textarea (comment)
sous IE cela m'affiche une ligne
sous firefox m'affiche 2 lignes
comment puis je contourné ce probleme ?
merci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
* {
margin:0px;
padding:0px;
}
 
#form {
font:12px, Georgia, "Times New Roman", Times, serif;
width: 400px;
}
input, textarea {
border: 3px double #DDDDDD;
padding: 2px;
font: 11px Geneva, Arial, Helvetica, sans-serif;
display: block;
margin: 4px 0 4px 0;
}
fieldset { padding: 12px; border: 1px solid #DDDDDD; margin-top: 6px; }
legend { color: #666666; padding: 0 12px; }
label { color: #666666; display: block; }
#name, #comment{width: 250px;}
</style>
</head>
<body>
<form action="#" method="post" id="form">
<div>
<fieldset>
<legend>Post it</legend>
<label class="required">Name:
<input type="text" id="name"/>
</label>
<label class="required">Comment text:
<textarea id="comment" cols="1" rows="1"></textarea>
</label>
</fieldset>
<input type="submit" id="submit" value="Send it!" />
</div>
</form>
</body>
</html>

11/03/2010, 13h48
dariumis
salut, peut etre en rajoutant un "height" dans ton css sur le textarea.
Code:

1 2 3 4 textarea { height:200px; }
11/03/2010, 15h12
moulery

ok

ca a l'air de fonctionner
mais il faut que je le fasse que sur le text area
ici il le fait sur toute la form
comment je fais
merci
11/03/2010, 15h23
dariumis

ben je sais pas trop normalement avec le code que j'ai mis il doit agir que sur le textarea, apres c'est normal que ton formulaire s'adapte a la taille du contenu.

peut tu verifier

ca marche pas ca
sous firefox un bon carré de 2 cm
peut tu verifier mon css si la syntaxe est ok
merci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<title>Untitled Document</title> 
<style type="text/css"> 
* { 
margin:0px; 
padding:0px; 
} 
 
#textarea { 
height: 10px;
border: 3px double #DDDDDD; 
padding: 2px; 
font: 11px Geneva, Arial, Helvetica, sans-serif; 
display: block; 
margin: 4px 0 4px 0; 
} 
 
</style> 
</head> 
<body> 
 
<form action="#" method="post" id="form"> 
<textarea id="comment" cols="1" rows="1"></textarea> 
</form> 
</body> 
</html>

11/03/2010, 16h21
dariumis
non c'est pas bon comme ça, l'id de ton textarea n'est pas textarea mais comment.
Code:

1 2 3 4 5 6 7 8 9 textarea#comment { height: 10px; border: 3px double #DDDDDD; padding: 2px; font: 11px Geneva, Arial, Helvetica, sans-serif; display: block; margin: 4px 0px 4px 0px; }
comme ça c'est plus juste, j'ai rajouté les px au margin qui était a 0, je sais pas si c'est nécessaire, mais ça me parait plus juste.

si c'est le seul textarea de la page tu n'as pas vraiment besoin de l'ID.

textarea qui marche sous ie et firefox

OK NICKEL merci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<title>Untitled Document</title> 
<style type="text/css"> 
* { 
margin:0px; 
padding:0px; 
} 
 
 
 
textarea#comment {
height: 15px;
border: 3px double #DDDDDD;
padding: 2px;
font: 11px Geneva, Arial, Helvetica, sans-serif;
display: block;
margin: 4px 0px 4px 0px;
width:10%;
}
 
 
 
</style> 
</head> 
<body> 
 
<form action="#" method="post" id="form"> 
<textarea id="comment" cols="1" rows="1"></textarea> 
</form> 
</body> 
</html>

11/03/2010, 20h27
12monkeys

Bonsoir

Citation:

Envoyé par dariumis

j'ai rajouté les px au margin qui était a 0, je sais pas si c'est nécessaire, mais ça me parait plus juste.

Indiquer l'unité de mesure est obligatoire en CSS sauf quand la valeur est 0.

Donc cette écriture est correcte :

Code:

margin: 4px 0 4px 0;

On pourrait encore mieux écrire :

Code:

margin: 4px 0;