bottom buggué
Posté : 26 juil. 2012, 20:21
salut a tous!
je me retrouve avec un petit soucis, je créé un forum plutot simple.
ma page principale est faite ainsi (index.php):
--inclusion header
--inclusion des pages via switch
-- pied de page toujours fixé en bas de l'écran et pas de la page
Tout fonctionne bien. Lorsque j' ajoute un sujet dans le forum, un mini formulaire de reponse est automatiquement en dessous du sujet pour une reponse rapide. Les reponses sont ajoutées sous le formulaire qui lui est donc sous le sujet principal.
La est le probleme, si il n' y a aucune reponse, mon pied de page reste bien fixé en bas de l' écran. Dés qu' il y a au moins une reponse, le footer est en bas de page, mais reste au meme endroit si je scroll, il monte avec le reste de la page.
Pourquoi? Mystere, rien de special a part une boucle en php pour afficher les reponses.
Le css du pied de page est simple aussi:
Merci d'avance :/
je me retrouve avec un petit soucis, je créé un forum plutot simple.
ma page principale est faite ainsi (index.php):
--inclusion header
--inclusion des pages via switch
-- pied de page toujours fixé en bas de l'écran et pas de la page
Tout fonctionne bien. Lorsque j' ajoute un sujet dans le forum, un mini formulaire de reponse est automatiquement en dessous du sujet pour une reponse rapide. Les reponses sont ajoutées sous le formulaire qui lui est donc sous le sujet principal.
La est le probleme, si il n' y a aucune reponse, mon pied de page reste bien fixé en bas de l' écran. Dés qu' il y a au moins une reponse, le footer est en bas de page, mais reste au meme endroit si je scroll, il monte avec le reste de la page.
Pourquoi? Mystere, rien de special a part une boucle en php pour afficher les reponses.
Le css du pied de page est simple aussi:
div#footer{
position:absolute;
bottom:0;
left:0;
width:100%;
height:50px;
background-image: url(images/bg_bottom.png);
background-repeat: repeat-x;
vertical-align:middle;
font-size:13px;
}
@media screen{
body>div#footer{
position: fixed;
text-align: center;
vertical-align:middle;
}
Merci d'avance :/