problème avec une propriété css "height"

**ferhat.adel** · 26/02/2011, 11h39

bonjour a tous le monde je suis un débutant dans le développement web
voici un petit code que j'ai fait

Code :

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

1
2
3
4
5
6
7
 
div
{color:#0C3;
width:100%;
height:100%;
background-color:#C00;
}

la propriété height:100% ne marche pas (j'ai vérifié grace à la couleur du fond elle ne couvre pas tout l’écran pour la largeur sa marche je utilise firefox 3.6
merci

**NoSmoking** · 26/02/2011, 14h09

Bonjour,
ajoutes ceci dans ta feuille de style

Code :

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

1
2
3
4
5
html, body {
  margin : 0;
  padding : 0;
  height : 100%;
}

**ferhat.adel** · 26/02/2011, 14h15

bonsoir votre méthode ne marche pas

merci

**NoSmoking** · 26/02/2011, 14h22

Envoyé par ferhat.adel

bonsoir votre méthode ne marche pas
merci

pour test

Code html :

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Full Screen</title>
<style type="text/css">
html, body {
  margin :0;
  padding : 0;
  height : 100%;
}
div{
  color:#0C3;
  width:100%;
  height:100%;
  background-color:#C00;
}
</style>
</head>
<body>
<div></div>
</body>
</html>

si cela ne fonctionne pas, le problème est ailleurs...