La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Problème footer !
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Problème footer !  (Lu 2496 fois)
Problème footer !
« sur: le 08-03-2013 a 13:30:17 »
tonyroyster
Membre récent
*

Hors-Ligne

Messages: 6





Voir le Profil    E-Mail
Répondre avec citation

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

Rapporter au modérateur  

Re:Problème footer !
« Répondre #1 sur: le 08-03-2013 a 14:41:13 »
WebD
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 938





Voir le Profil    WWW    E-Mail
Répondre avec citation

Avec position:fixed;?

Rapporter au modérateur  

Agence Web  | Sticker MacBook | Lunettes personnalisées
Re:Problème footer !
« Répondre #2 sur: le 08-03-2013 a 17:17:22 »
tonyroyster
Membre récent
*

Hors-Ligne

Messages: 6





Voir le Profil    E-Mail
Répondre avec citation

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 

Rapporter au modérateur  
Re:Problème footer !
« Répondre #3 sur: le 08-03-2013 a 17:58:56 »
dandreaweb
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 124



dandreaweb

Voir le Profil    WWW    E-Mail
Répondre avec citation

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.

Rapporter au modérateur  

Réalisation de sites internet , localisation : 69
dandreaweb.com
siren:534146618
Re:Problème footer !
« Répondre #4 sur: le 08-03-2013 a 18:59:29 »
tonyroyster
Membre récent
*

Hors-Ligne

Messages: 6





Voir le Profil    E-Mail
Répondre avec citation

Oui pas de soucis
Tu vas voir dans "contact" contrairement à "biographie" qui fonctionne très bien !

http://thedavonstyle.free.fr/contact.php

merci

Rapporter au modérateur  
Re:Problème footer !
« Répondre #5 sur: le 08-03-2013 a 20:12:28 »
dandreaweb
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 124



dandreaweb

Voir le Profil    WWW    E-Mail
Répondre avec citation

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;

« Dernière Édition: le 08-03-2013 a 20:23:25 par dandreaweb » Rapporter au modérateur  

Réalisation de sites internet , localisation : 69
dandreaweb.com
siren:534146618
Re:Problème footer !
« Répondre #6 sur: le 08-03-2013 a 20:31:20 »
tonyroyster
Membre récent
*

Hors-Ligne

Messages: 6





Voir le Profil    E-Mail
Répondre avec citation

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 

Rapporter au modérateur  
Re:Problème footer !
« Répondre #7 sur: le 08-03-2013 a 20:34:54 »
dandreaweb
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 124



dandreaweb

Voir le Profil    WWW    E-Mail
Répondre avec citation

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.

« Dernière Édition: le 08-03-2013 a 20:38:56 par dandreaweb » Rapporter au modérateur  

Réalisation de sites internet , localisation : 69
dandreaweb.com
siren:534146618
Re:Problème footer !
« Répondre #8 sur: le 14-03-2013 a 11:11:20 »
tonyroyster
Membre récent
*

Hors-Ligne

Messages: 6





Voir le Profil    E-Mail
Répondre avec citation

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 !!

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg