Discussion :

[beegees]

Bonjour tout le monde,

J'ai un site dont la hauteur est définie par du code CSS :

Code :

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

#site { width:900px; height:715px; margin:0 auto; background-color:#d3d4ce; border-bottom-color:#a6b8b8;}

donc :

Code :

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

height:715px;

Les autres pages n'ont pas la même hauteur, j'ai donc utilisé jquery pour personnaliser la hauteur en la changeant dans le CSS à la volée avec ce code :

Code :

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

$('#site').height(1350);

Cela fonctionne parfaitement.

Le seul problème est que dès qu'il y a une modification, je suis oblig é de changer la valeur de la hauteur dans le code.

Je me demandais si il n'y avait pas moyen d'obtenir une hauteur par rapport au contenu de la page ?

Automatiser cela pour ne plus devoir changer la valeur manuellement car j'ai plusieurs page.

Merci d'avance.

beegees

[gael]

Code :

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

$('#site').css('height','auto');

ou encore en ajoutant une classe (par exemple: grande-page) à ta balise dont l'id est "site" (mais seulement sur la page qui pose problème) et en ajoutant cette propriété css:

Code :

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

.grande-page{ height: auto !important; }

Le !important est facultatif. Il ne sert que si tu n'es pas sûr de l'ordre de parcours du css ou si tu la déclares avant la propriété dans laquelle tu définis la hauteur de #site.

Mais es-tu obligé de définir précisément la hauteur de ton site?

[beegees]

Bonjour,

ça me semble fonctionner parfaitement.

Je te remercie sincèrement, c'est génial

beegees