[CSS] menu en align bottomFermé

Question

Bonjour à tous,

J'ai un menu fait en CSS qui doit s'afficher dans une page HTML. 

Je veux savoir comment faire pour que le menu s'affiche en bas de page et qu'il s'adapte s'il y a plus de contenu ou si je grossie la page.

Pour le moment, mon menu est afficher en bas par ce code suivant:
#bottom{
	position:absolute;
	bottom:0px;
	width:100%;
	height:100px;
	top: 585px;
	left: 0;
}

Merci!
Max2034

Serge_La · Answer

Bonjour,
que veux-tu dire par s'adapter? Aller plus bas ou rester là?

Serge.

max2034 · Answer

Je veux dire que mon menu doit toujours resté en bas de mon contenu.

Par exemple, j'ai ma page web et je veux que mon menu s'affiche en bas de la page.

Page web______________
|  ____________________  |
|  |_____menu haut_____|  |
|  |______contenu______|  |
|  |______contenu______|  |
|  |______contenu______|  |
|  |______contenu______|  |
|  |__________________ |  |
|  |_____menu bas______|  |
|_____________________| 

Par contre, si le contenu est trop gros, mon menu s'adapte à celui-ci. Il va donc être en bas complètement.

Page web______________
|  ____________________  |
|  |_____menu haut_____|  |
|  |______contenu______|  |
|  |______contenu______|  |
|  |______contenu______|  |
|  |______contenu______|  |
|  |______contenu______|  |
|  |__________________ |  |    ||  J'utilise la scroll bar pour voir le contenu
|_____________________|    v


|  |____contenu(suite)___|  |    || Quand j'atteind le maximum mon menu est en bas de page
|  |____contenu(suite)___|  |    v
|  |____contenu(suite)___|  |
|  |_____menu bas______|  |
|_____________________| 


Je ne dois donc pas définir la position du menu bas parce qu'il va bouger... Et il y a une ligne de code qui sert à faire cela mais je ne m'en rappelle pas...

Quelqu'un à une idée?

Serge_La · Answer

Le problème avec position absolute c'est que ton menu bas sera au bas de la fenêtre, mais au-dessus du contenu, et va bouger. Tu pourrais essayer position: fixed; Pas tous les fureteurs y obéissent encore. 

Serge.

[CSS] menu en align bottom

3 réponses

Discussions similaires

Newsletters