height: 100% réfractaire

**SpaceFrog** · 23/10/2007, 17h23

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Nouvelle page 1</title>
</head>
 
<body>
<div style='height:100%;width:100%;background-color:red;display:block;'>ff&nbsp;</div>
</body>
 
</html>

pourquoi j'ai pas 100% ??

Gf6HqmTW · 23/10/2007, 17h31

Je dirais que c'est parceque ton body a des marges internes et/ou externes que tu peut supprimer avec

Code css :

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

1
2
body {margin  : 0;
      padding : 0}

**SpaceFrog** · 23/10/2007, 17h36

non non
j'ai déja ...

en fait le div ne dépasse pas la hauteur de son contenu

genre si je mets deux ligens dedans il mesure deux lineheights ...

Gf6HqmTW · 23/10/2007, 17h49

Arf ...
En effet a moins de specifier un taille en PX je ne pense pas que tu puisse le faire en CSS pur pour un element de type block ... je verifie et je re !

*** Ajout ***

En specifiant position absolute ? Sinon je ne vois pas ...

**Bisûnûrs** · 23/10/2007, 23h04

Pour que ton élément ait une hauteur en pourcentage, il faut que son élément parent ait une hauteur définie, et ce jusqu'à l'élément le plus haut dans la hierarchie si tu n'as que des pourcentages, la balise html.

Donc rajoute dans ton code CSS :

Code :

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