[XHTML] textarea height 100%

Version imprimable

24/05/2006, 19h45
gumma

[XHTML] textarea height 100%

Bonjour,

J'ai besoin d'ajuster la hauteur d'une textarea en fonction de la taille de la fenêtre.

Après avoir longtemps cherché, il semble que le style height:100%; est ignoré si le DOCTYPE est XHTML... Par contre en HTML 4.01 ça marche très bien.

Est-ce qu'il y a moyen de contourner ce problème car le site doit rester valide XHTML ?

Merci pour vos réponses.
24/05/2006, 19h56
Nemesys

Un textarea s'utilise de cette façon :

Code:

<TEXTAREA name="negative" rows=2 COLS=20></TEXTAREA> <P>

rows représentant la hauteur en nombre de lignes et COLS la largeur en nombre de colonnes(=caractères).

Donc je ne vois pas l'utilité du height ? :?
24/05/2006, 21h21
gumma

Citation:

Envoyé par Nemesis_

Donc je ne vois pas l'utilité du height ? :?

L'avantage du height, c'est de pouvoir l'indiquer en poucent pour qu'il s'ajuste au redimensionnement de la fenêtre.

Si je fixe le rows, sa taille sera fixe... pour info "width" est valide et marche bien sur la quasi-totalité des browsers.
24/05/2006, 21h27
Nemesys

Peux tu afficher une partie de ton code ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>
Page sans titre
</title>
</head>
<body>
    <form name="form1" method="post" id="form1">
 
        <textarea name="test" rows="2" cols="20" id="TextBoxTest" style="height:100%;background-color:#eee;"></textarea>
 
    </form>
</body>
</html>

Si tu enlèves le doctype, ça marche. Par contre j'ai dis une bêtise : ce n'est apparemment pas valide en HTML 4.01.

24/05/2006, 22h10
Nemesys

Car height:100% ne respecte pas la norme de DOCTYPE. Cependant je pense que ça t'est nécessaire donc je ne vois pas comment faire pour cela, il faudrait peut etre trouver un patch de ce genre : http://steph.pineau.free.fr/php/index.php?LNK=S3

mais bon ça serait mieux que ça fonctionne :mouarf: