Adaptation dynamique d'une div au body [Résolu]

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 !

24/02/2011, 16h58	#1
SnowCraft Invité régulier Inscription : septembre 2006 Messages : 33 Détails du profil Informations forums : Inscription : septembre 2006 Messages : 33 Points : 6 Points : 6	Adaptation dynamique d'une div au body 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 ?
	00

24/02/2011, 17h04	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	tu as quoi comme doctype ? tu as mis un Code : Sélectionner tout - Visualiser dans une fenêtre à part html, body {height:100%;} __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

24/02/2011, 17h15	#5
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	alert offsetHeight ou computed style ? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

24/02/2011, 17h29	#6
SnowCraft Invité régulier Inscription : septembre 2006 Messages : 33 Détails du profil Informations forums : Inscription : septembre 2006 Messages : 33 Points : 6 Points : 6	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 !
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email