probleme textarea ie et firefox

**moulery** · 11/03/2010, 10h18

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 :

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

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>

**dariumis** · 11/03/2010, 13h48

salut, peut etre en rajoutant un "height" dans ton css sur le textarea.

Code :

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

1
2
3
4
 
textarea {
height:200px;
}

**moulery** · 11/03/2010, 15h12

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

**dariumis** · 11/03/2010, 15h23

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.

**moulery** · 11/03/2010, 15h29

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

Code :

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

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>

**dariumis** · 11/03/2010, 16h21

non c'est pas bon comme ça, l'id de ton textarea n'est pas textarea mais comment.

Code :

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

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.

**moulery** · 11/03/2010, 17h31

OK NICKEL merci

Code :

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

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>