Discussion :

[alex2746]

Bonjour,
J'ai un petit problème avec mon CSS.
J'ai réussi à mettre mon footer en bas de page, cela fonctionne correctement sur toutes mes pages. Le problème est que lorsque j'affiche par exemple un formulaire sur une de mes pages, la taille de la page prends alors plus de place que mon écran (la fenêtre de mon navigateur). Mon footer reste alors au bas de la page de mon navigateur, et non au bas de la page complète...

Je voudrais donc que mon footer soit toujours au point le plus bas de ma page (donc dans ce cas, en dessous du formulaire).

Pourriez vous m'aider?

Voici plus ou moins ce que je fais pour le moment:

Code :

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

1
2
3
4
5
6
7
8
 
html {margin-bottom: 0.1em; height: 100%;}
body{color: #404040 ; background: #C0C0C0; font-family: Arial; height: 90%;}
...
.main {padding-top: 1em; height: 95%;}
...
.footer {font-size: 0.80em;}
...

.main est le bloc du milieu (donc l'endroit ou j'affiche mon formulaire, etc)

[Invité]

Bonjour,
le code CSS ne sert à rien s'il n'est pas accompagné du code html associé.

Tu devrais trouver ton bonheur ici : Div et CSS : une mise en page rapide et facile

[miss_socrates]

Pour que le footer reste toujours en dessous, il suffit d'ajouter la propriété clear: both:

Code :

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

1
2
3
4
5
6
 
.footer {
font-size: 0.80em;
clear: both;
}
...

[ouldfella]

le code css ne gère pas le positionnement, soit tu n'a pas donné tout le code, soit le problème est dans le html,
peut-tu stp nous donner le code html?