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

**daner06** · 29/06/2006, 20h41

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 :

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

**Orionmel** · 29/06/2006, 22h16

Déja si tu enlève cette ligne :

Code :

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

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

**masu** · 29/06/2006, 22h54

si tu n'a qu'un cellule pourquoi faire un tableau ??

Code :

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

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

Code :

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

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.

**Freed0** · 29/06/2006, 22h58

Si t'as que du texte, je te conseille même d'éviter les calques

Utilise plutôt la balise <p>

**declique** · 03/07/2006, 10h02

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!

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

Dimensionnement en CSS

Vue hybride

Discussions similaires

Partager

Partager