[HTML][CSS] Hauteur à 100% d'une cellule

Version imprimable

Bonjour,

Je voudrai juste mettre la hauteur de la cellule d'un tableau 1 ligne, 1 colonne à 100 % (100% c'est-à-dire toute la hauteur du navigateur) mais ça ne fonctionne pas.

Est-ce possible et n'y a-t-il pas un moyen en CSS par exemple puisqu'en HTML ça ne fonctionne pas (ou je me trompe) ??

Merci.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>
 
<body>
        <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
            <tr>
                <td height="100%" width="100%">
                TEST
                </td>
            </tr>
        </table>
</body>
</html>

29/06/2006, 22h16
Orionmel

Déja si tu enlève cette ligne :

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

en haut de ta page, tes propriètè width et height marcheront.

Mais bon, ce n'est pas du css et c'est contraire aux normes w3c du css...
29/06/2006, 22h54
masu
si tu n'a qu'un cellule pourquoi faire un tableau ??
Code:

1 2 3 <body> <div id="main_content">TEST</div> </body>
Code:

1 2 3 4 5 6 7 8 html, body { height: 100%; } #main_content { height: 100%; /*width: 100%;pas obligatoire */ }
c'est pas plus simple com ca.
je te conseil aussi un overflow:auto pour le main_content.
29/06/2006, 22h58
Freed0

Si t'as que du texte, je te conseille même d'éviter les calques ;)
Utilise plutôt la balise <p> ;)
03/07/2006, 10h02
declique

hauteur 100%

Bonjour,

Les hauteurs en pourcentage sont calculées par rapport au parent.
Le parent d'une cellule est le tableau (en fait c'est même la ligne mais passons).

Il faut donc que le parent soit lui-même avec une hauteur de 100%
Sur certains navigateurs, il faut aussi définir 100% sur BODY et sur HTML.

HTML, BODY, TABLE, TD {Height:100%}

Plus d'info sur l'héritage:
En anglais : http://www.w3.org/TR/REC-CSS2/cascade.html#inheritance
En français : http://stylescss.free.fr/tutorial-css-heritage.html

Bon courage!