Positionnement du footer [CSS]
sgtcookie
Messages postés
92
Date d'inscription
Statut
Membre
Dernière intervention
-
Profil bloqué -
Profil bloqué -
Bonjour,
voila je débute en Css, et je bloque sur quelque chose : http://sgtcookie.free.fr
voici mon site, mon probleme étant que le footer remonte tout le temp, j'ai tout essayer de modifier mais j'ai pas reussi a faire en sorte qu'il reste en bas.
j'ai reussi a contourner le probleme en ouvrant et en fermant des <p></p>.
voila je débute en Css, et je bloque sur quelque chose : http://sgtcookie.free.fr
voici mon site, mon probleme étant que le footer remonte tout le temp, j'ai tout essayer de modifier mais j'ai pas reussi a faire en sorte qu'il reste en bas.
j'ai reussi a contourner le probleme en ouvrant et en fermant des <p></p>.
A voir également:
- Positionnement du footer [CSS]
- Logiciel positionnement gratuit - Guide
- Exemple test de positionnement greta ✓ - Forum Études / Formation High-Tech
- Maison du foot avis ✓ - Forum Consommation & Internet
- FIABILITÉ D'UN SITE DE MAILLOTS DE FOOT ! - Forum Consommation & Internet
- Le site FOOT.FR ✓ - Forum Consommation & Internet
1 réponse
salut,
je viens de regarder, c'est un sacré début !
pour le positionnement, je suis troublé par l'architecture de ton document.
le footer devrait être codé en dernier et ce serait plus simple de le sortir de content.
(au sujet de content, je ne comprends pas pourquoi il est en position absolue, ça empêche de positionner footer en absolu dedans)
ensuite il suffit de lui donner un positionnement absolu avec {bottom:0;} pour le coller en bas de <body>.
au <body> tu lui appliques un {height:100%;} et ça devrait coller.
dis nous si ça bloque encore on ira chercher un peu plus loin.
je viens de regarder, c'est un sacré début !
pour le positionnement, je suis troublé par l'architecture de ton document.
le footer devrait être codé en dernier et ce serait plus simple de le sortir de content.
(au sujet de content, je ne comprends pas pourquoi il est en position absolue, ça empêche de positionner footer en absolu dedans)
ensuite il suffit de lui donner un positionnement absolu avec {bottom:0;} pour le coller en bas de <body>.
au <body> tu lui appliques un {height:100%;} et ça devrait coller.
dis nous si ça bloque encore on ira chercher un peu plus loin.
#body
{
min-height: 600px;
}