[Débutant] hauteur de DIV

**snaxisnake** · 28/11/2007, 15h06

Bonjour,

Voici mon problème: Comment faire une DIV dont sa hauteur serai celle de la page web?

Je m'explique, voici mon code:

Code :

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

1
2
3
4
5
6
 
#left {
  float : left;
  width : 200px;
  height: 300px;
}

En gros, j'essaie de faire une petite colonne, une grande, une petite. Le problème est qu'ici, elle ne fait pas toute la page, mais seulement 300px (pour l'exemple). A moins de renseigner le nombre exact de px, n'y a t'il pas moyen de lui dire d'aller jusqu'en bas? (Si je ne mets pas de height, il n'y a plus rien

)

**Kerod** · 29/11/2007, 00h52

Récemment j'ai utilisé cette feuille de style:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
body
{
  height: 100%
}
#page
{
  height: 100%;
}
#left
{
  height: 100%;
}

Ca avait pour résultat de définir la hauteur de la page et ainsi tous les blocs ont fait de même.

Pour le html ben c'est tout simple

Code html :

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

1
2
3
4
5
6
 
<body>
  <div id="page">
     </div id="left">Contenu</div>
  </div>
</body>

Teste de ton côté pour voir si tu obtiens le même résultat

**snaxisnake** · 03/12/2007, 14h01

Euh, pour moi, dès que je mets des %, il n'affiche plus rien

**snaxisnake** · 03/12/2007, 18h22

Ah c'est bon

Voici le code.

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
body
{
font-family:tahoma;
width : 100%;
height:100%;
}
 
#conteneur
{
background-color:#000000;
height:100%;
width:100%;
position:fixed;
}
 
#contenu
{
  background-color:#FFFFFF;
  width : 80%;
  height:100%;
  margin-left:auto;
  margin-right:auto;
}

Merci!

[Débutant] hauteur de DIV

Dimensionnement en CSS

Discussions similaires

Partager

Partager