Adaptation dynamique d'une div au body

**SnowCraft** · 24/02/2011, 16h58

Re-bonjour à tous,

Je reviens avec un autre soucis.

En fait, j'ai mis une div derrière mon contenu pour l'utiliser comme le body, seulement comment l'adapter au height de la résolution ?
Le width marche très bien mais le height ...

J'ai essayé un height:100% en CSS de cette fameuse div et j'ai retourné un alert de la valeur du height qui m'indique : 754. Pourquoi spécialement 754 ^.^.

Y'aurait-il donc un moyen de récupérer le height utilisé par l'intenaute pour adapater cette div qui me laisse un espace en bas ?

**SpaceFrog** · 24/02/2011, 17h04

tu as quoi comme doctype ?
tu as mis un

Code :

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

html, body {height:100%;}

**SnowCraft** · 24/02/2011, 17h10

Oui j'ai mon html et body en 100%.

Pour le doctype

Code :

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

1
2
<!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" >

**SpaceFrog** · 24/02/2011, 17h13

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
<style type="text/css">
html, body {height:100%;
margin:0;
padding:0;}
 
div {height:100%;
background-color:red;}
</style>
</head>
 
<body>
<div></div>
</body>
 
</html>

**SpaceFrog** · 24/02/2011, 17h15

alert offsetHeight ou computed style ?

**SnowCraft** · 24/02/2011, 17h29

J'avais oublié les margin et padding 0 merci

.

C'est bien centré mais j'ai toujours le bas qui ne touche pas le bout. Le problème vient de mes margin-top -que je viens de régler-.

Merci encore !

Adaptation dynamique d'une div au body

JavaScript

Vue hybride

Discussions similaires

Partager

Partager