[XHTML] textarea height 100%

**gumma** · 24/05/2006, 19h45

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.

**Nemesys** · 24/05/2006, 19h56

Un textarea s'utilise de cette façon :

Code :

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

<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 ?

**gumma** · 24/05/2006, 21h21

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.

**Nemesys** · 24/05/2006, 21h27

Peux tu afficher une partie de ton code ?

**gumma** · 24/05/2006, 21h52

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
 
 
<!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.

**Nemesys** · 24/05/2006, 22h10

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

[XHTML] textarea height 100%

HTML

Vue hybride

Discussions similaires

Partager

Partager