Titre: Problème footer !
Posté par: tonyroyster le le 08-03-2013 a 13:30:17
Bonjour à tous
Voilà mon problème je voudrai placer mon footer pour que celui ci reste bien en bas de page. J'ai codé :
HTML
<div id="footer"></div>
CSS
#footer{
position:absolute;
bottom:0;
width:100%;
height:50px;
background:url(monimage.gif);
}
tout s'affiche mais pas a la bonne place, c'est à dire que mon footer se place bien, mais par dessus le contenu d'une autre div avant. Je suis obligé de positionner mon contenu en négatif pour le remonter !! Et d'autre part en mettant "width:100%" ça devrai s'adapter a l'écran or il continu ! Portant j'ai fait pareil pour mes autre div et tout est bon !!
Quelqu'un aurai une idée ?
merci |
Titre: Re:Problème footer !
Posté par: WebD le le 08-03-2013 a 14:41:13
Titre: Re:Problème footer !
Posté par: tonyroyster le le 08-03-2013 a 17:17:22
Oui j'ai essayé aussi et j'ai toujours ce problème. Par exemple j'ai un formulaire de contact dans une div et ensuite mon footer. Mon footer se place au premier plan donc sur mon formulaire. Position relative ou fixed . Mais ça fonctionne bien si j'ai que une div qui contient du texte...
Même problème avec une div qui contient du php.
merci pour ton aide :) |
Titre: Re:Problème footer !
Posté par: dandreaweb le le 08-03-2013 a 17:58:56
Bonjour,
Pourrait-on avoir le le lien de ton site avec la page en question pour avoir un aperçu du problème. Ce sera plus simple et plus rapide pour que l'on puisse t'aider. |
Titre: Re:Problème footer !
Posté par: tonyroyster le le 08-03-2013 a 18:59:29
Oui pas de soucis
Tu vas voir dans "contact" contrairement à "biographie" qui fonctionne très bien !
http://thedavonstyle.free.fr/contact.php
merci |
Titre: Re:Problème footer !
Posté par: dandreaweb le le 08-03-2013 a 20:12:28
Supprime simplement ta position absolute et le bottom. Ton footer se positionnera naturellement à la suite.
Si ton footer est trop proche du contenu comme sur la page d'accueil, tu peux rajouter un min-height sur ton 'id news" ex: min-height:200px; |
Titre: Re:Problème footer !
Posté par: tonyroyster le le 08-03-2013 a 20:31:20
super ça fonctionne bien sur la page que tu as du voir mais il faudra faire 2 div pour le footer. 1 pour ce problème et une autre pour les autres pages car si tu regarde dans la partie "home" le footer n'est pas placé en bas de page mais bien à la suite de mon code !
merci pour ton aide :) |
Titre: Re:Problème footer !
Posté par: dandreaweb le le 08-03-2013 a 20:34:54
| oui voila ou tu rajoutes un min-height sur ton id news sur la page d'accueil. Tant que tu es dessus tu peux mettre un "margin:0;"sur ton body pour éviter les marges. |
Titre: Re:Problème footer !
Posté par: tonyroyster le le 14-03-2013 a 11:11:20
Salut
Bon j'ai fait ce que tu ma conseillé, ça a fonctionné mais je suis obligé de créer une propriété footer pour toutes les pages !! |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|