Footer en fin de page

mic54800
WRInaute discret
WRInaute discret
 
Messages: 61
Inscription: 20 Juil 2008

Footer en fin de page

Message le Ven Nov 14, 2008 17:22

Bonjour !
J'ai un problème avec un graphisme, j'aimerais mettre un footer en bas de page.
Jusque là .. facile !
Mais comment faire pour qu'il soit toujours en fin de page, peu importe le contenu de la page (c'est à dire, un paragraphe de 2 lignes ou un roman).
Pour le moment, si je fais un paragraphe de 2 lignes, le footer se colle à ce paragraphe et n'est donc plus en bas de page :(
Auriez vous une astuce CSS ou JS pour régler ce problème ?
Je vous en remerci d'avance !


Aye-Aye
WRInaute passionné
WRInaute passionné
 
Messages: 1917
Inscription: 15 Avr 2005

Message le Ven Nov 14, 2008 17:30

Si ton footer est un div ainsi défini :
<div id="footer"> .... </div>
tu peux essayer de mettre en css :
Code: Tout sélectionner
#footer {clear:both; display:block}

Dis nous si tu obtiens le résultat convenu.


ckarone
WRInaute impliqué
WRInaute impliqué
 
Messages: 522
Inscription: 29 Juin 2004

Message le Ven Nov 14, 2008 17:31

Salut,
Voilà un début de réponse sur biboo exemple 19

http://biboo.net/css-position-fixe-ie6

mic54800
WRInaute discret
WRInaute discret
 
Messages: 61
Inscription: 20 Juil 2008

Message le Ven Nov 14, 2008 17:52

Merci Aye-Aye pour la réponse rapide, mais ça ne marche pas.
Le footer se place simplement sous le menu et non en bas de page quand mon paragraphe ne fait que 2 lignes.

ckarone, j'ai regardé et ce n'est pas ce qu'il me faut en fait.
Là le footer est constament en bas de page.
Moi je veux qu'il se situe en bas de page, mais a la fin, c'est à dire, une fois qu'on a finit de parcourir la page, on arrive en bas, on voit la barre de pied.

N'auriez vous pas une autre solution ?


Aye-Aye
WRInaute passionné
WRInaute passionné
 
Messages: 1917
Inscription: 15 Avr 2005

Message le Ven Nov 14, 2008 17:56

Ton div footer n'est peut être pas bien positionné... mets l'url... on essaiera de voir.

mic54800
WRInaute discret
WRInaute discret
 
Messages: 61
Inscription: 20 Juil 2008

Message le Ven Nov 14, 2008 18:02

Voici 2 url :
La premiere étant celle avec un roman, et la seconde étant celle qui est censé être celle ou le paragraphe de 2 lignes.
#1
#2

Voila, le style CSS se trouve dans la page, ce qui simplifi sa lecture.
Le style du footer est le dernier dans la balise <style> et le footer se trouve en fin de page (logique)

Merci pour votre patience !
Dernière édition par mic54800 le Ven Nov 14, 2008 19:44, édité 1 fois.


Aye-Aye
WRInaute passionné
WRInaute passionné
 
Messages: 1917
Inscription: 15 Avr 2005

Message le Ven Nov 14, 2008 18:21

Essaie ainsi :
Après le
Code: Tout sélectionner
<div class="corp" id="corp"><!--Article-></div> </div>

Tu récupères le deuxième </div> et tu le mets après ton div footer.
Puis tu mets ce div footer comme dit plus haut en display block et en clear both...
Tu supprimes le width 100%... car il n'est pas compatible me semble-t-il avec la définition de tes margin...
Vois si cela te convient.

Edit : Je ne suis pas certain d'avoir bien compris le résultat que tu souhaites obtenir ; mais il me seemble que cela convient à ce que tu cherches.

mic54800
WRInaute discret
WRInaute discret
 
Messages: 61
Inscription: 20 Juil 2008

Message le Ven Nov 14, 2008 18:32

Non, ça ne vas pas pour la 2em page.
Je veux que le cadre footer (en bas, de bordure 1px) soit situé en bas de l'écran.
Il me servira de footer dans lequel je mettrais les copyright, les liens ...
Le fait qu'il ne soit pas situé en bas d'écran fait tache =S
J'aimerais trouver un moyen pour qu'il soit toujours situé en bas de page, que la page fasse 1mètre de hauteur ou 10 cm.
Sur la 2em page test, on voit bien que quand il n'y a pas d'article, le footer n'est pas situé en bas d'écran mais juste après le menu.
J'aimerais qu'il soit placé en bas d'écran pour faire moins tache !

Rod la Kox
WRInaute accro
WRInaute accro
 
Messages: 3253
Inscription: 24 Juin 2008

Message le Ven Nov 14, 2008 18:47

J'ai flipper avec ce titre... "Footer en fin de page"


:-)

mic54800
WRInaute discret
WRInaute discret
 
Messages: 61
Inscription: 20 Juil 2008

Message le Ven Nov 14, 2008 19:11

Oui c'est vrai, j'avou que c'est un peu mal tourné ..
Mais en gros .. c'est ce qui ne se passe pas, il n'est pas tout à fait en fin de page ..
Et je cherche une solution déséspérement ...
Dernière édition par mic54800 le Ven Nov 14, 2008 19:43, édité 1 fois.


Aye-Aye
WRInaute passionné
WRInaute passionné
 
Messages: 1917
Inscription: 15 Avr 2005

Message le Ven Nov 14, 2008 19:31

As-tu croisé un site qui montre le résultat que tu souhaites obtenir ?

mic54800
WRInaute discret
WRInaute discret
 
Messages: 61
Inscription: 20 Juil 2008

Message le Ven Nov 14, 2008 19:43

Heu nan je ne pense pas ..
Mais en fait, tous les sites sur lesquels je tombe, leur page est assez longue pour que le footer soit en bas de page.
Comme sur mon site : http://cust.er.free.fr
Le footer est en bas de page, mais c'est normal, les pages sont plus longues que la hauteur de l'écran.
Mais c'est un problème tout bête a je pense assez banal, mais difficile à résoudre =S

zeb
WRInaute accro
WRInaute accro
 
Messages: 3278
Inscription: 5 Déc 2004

Message le Ven Nov 14, 2008 20:57

ta question c'est comment mettre du contenu vide (br) quand l'article est trop court.

mic54800
WRInaute discret
WRInaute discret
 
Messages: 61
Inscription: 20 Juil 2008

Message le Ven Nov 14, 2008 21:31

Exactement, ça reviendrait à mettre des <br /> si l'article est trop court pour que le footer se place comme il faut en bas de l'écran.
Sans biensur mettre des <br /> qui rimerait à rien puisque on devrait changer le nombre de <br > pour chaque résolution d'écran =S
J'aimerais trouver la solution qui créait un vide pour placer le footer en bas d'écran.
Une idée ?

berpi
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 28
Inscription: 10 Fév 2003

Message le Sam Nov 15, 2008 6:08

Bonjour,

La bonne vieille méthode semble fonctionner.

<body topmargin=0 bottommargin=0>
<table height="100%"><tr><td valign=top>
haut de page
</td></tr>
<tr height=1%><td>bas de page</td></tr>
</table>
</body>

Pierre

Footer en fin de page

Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités