Discussion :

[flavors]

Bonjour.
Cela fait quelque temps que je rencontre un problème en CSS et mais je n'ai toujours pas la solution.
Je possède une page avec un menu (<nav>) sur la gauche (avec un fond de couleur) et un tableau sur la page dont on peux choisir le nombre de résultats affichés (10 - 25 - 50, ...). La mise a jour de l'affichage se fait en AJAX.
J'aimerais que mon menu prenne toute la page, que le fond de couleurs descende jusqu'en bas.
J'ai donc le CSS suivant:

Code :

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

1
2
3
4
5
6
7
8
 
body {
	height:100%;
        }
nav {	
	height:100%;
	background-image:url("images/fond_menu.png");
        }

Au chargement de la page, j'ai bien mon menu qui descend jusqu'en bas mais dès que j'augmente le nombre le résultats affichés et que je descend sur la page, le menu s’arrête où il était la 1ere fois.

Quelqu'un pourrait-il me dire comment mettre a jour la hauteur de mon div à chaque chaque fois que la hauteur de la page varie?

Merci.

[NoSmoking]

Bonjour,
tu peux regarder du coté des colonnes factices qui donnera l'impression que la plus petite des colonnes s'agrandit en fonction de la hauteur de la plus grande.

[Invité]

Bonjour,

TOUS les parents sans exception doivent être dimensionnés :

Code :

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

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

[flavors]

Bonjour et merci pour vos réponses.
@NoSmoking : Je vais me pencher sur les colonnes factices

@jreaux62 : dans un 1er temps j'avais le html aussi, mais comme cela ne changeait rien, je l'ai retirer. Faut-il mettre la hauteur à jour en JS?

Merci.

[Invité]

Bonjour,
le bout de code CSS que tu donnes n'est pas suffisant pour tester ni donner un exemple. Il manque (au moins) le code HTML associé.

• Colonnes factices en CSS
• Glossaire des propriétés CSS -> voir display:table; display:table-cell;

Et aussi :
FAQ CSS - Comment fonctionne la hauteur en pourcentage ?