Pied de page - Positionnement

Général
1

Bonsoir,

Je me casse la tete depuis un bon moment avec le pied de page que je souhaite voir apparaitre sur mon site.
Mes pages sont constituées d’une partie centrale où s’affiche le texte des rubriques ou articles et d’un menu sur la gauche.

Mon problème est le suivant : je souhaite que le pied de page face la largeur de l’écran, c’est à dire la largeur du menu + la partie centrale.
Or lorsque je place :
[(#REM) Pied de page ] <INCLURE{fond=inc-pied}>

juste avant :

Le texte s’affiche en haut de la page en superposition avec le texte de ma rubrique.
Et lorsque je le place à la suite de ma boucle rubrique, le pied de page a la largeur impartie au texte, mais ne continue pas sous le menu.

Je ne sais pas si c’est très clair ? C’est surement tout bête, mais là… je suis perdue. Est-ce que quelqu’un(e) aurait une suggestion pour me débloquer ?

Merci d’avance,
Magali

2

Non, c'est pas clair. Si on pouvait avoir l'url, on en saurait plus.

Essaye la balise/style <br class="nettoyeur" /> qui se trouve dans dist/habillage.css, avant le pied de page, tu devrais voir des changements.

BMR

Magali a écrit :

Bonsoir,
Je me casse la tete depuis un bon moment avec le pied de page que je souhaite voir apparaitre sur mon site.
Mes pages sont constituées d'une partie centrale où s'affiche le texte des rubriques ou articles et d'un menu sur la gauche.
Mon problème est le suivant : je souhaite que le pied de page face la largeur de l'écran, c'est à dire la largeur du menu + la partie centrale.
Or lorsque je place :
[(#REM) Pied de page ] <INCLURE{fond=inc-pied}>
juste avant :
</div><!-- fin page -->
</body>
Le texte s'affiche en haut de la page en superposition avec le texte de ma rubrique.
Et lorsque je le place à la suite de ma boucle rubrique, le pied de page a la largeur impartie au texte, mais ne continue pas sous le menu.
Je ne sais pas si c'est très clair ? C'est surement tout bête, mais là... je suis perdue. Est-ce que quelqu'un(e) aurait une suggestion pour me débloquer ?
Merci d'avance,
Magali

3

Bonjour,

Me revoici avec mes histoires de pied de page !
Je ne comprends pas pourquoi mon pied de page ne "veut" pas se positionner en bas de page ??!! Pour illustrer tout ça je vous donne les URL des pages. Je vous préviens, je ne suis pas pro, donc... il est modeste mais bon après tout il est en ligne, alors !
En fait, ce qui se passe c'est :
Soit le pied de page s'affiche en haut de ma page, derrière le texte déjà affiché.
Voir ce que ça donne ici : http://www.saveurs-eleonore.fr/spip.php?page=sommaire3
Soit il est bien positionné en bas de page mais mon menu de navigation (à gauche de la page) ne descend plus jusqu'au bas de la page!!!! Voir ici : http://www.saveurs-eleonore.fr/spip.php?page=sommaire7

Par ailleurs dans les 2 cas, le texte de mon pied de page tient sur 2 lignes, pourquoi va-t-il à la ligne automatiquement ?

Merci encore pour vos lumières car je tourne en rond !!

Magali

----- Original Message ----- From: "BMR" <bmr@ediweb.org>
To: <spip@rezo.net>
Sent: Friday, January 05, 2007 11:33 PM
Subject: Re: [Spip] Pied de page - Positionnement

Non, c'est pas clair. Si on pouvait avoir l'url, on en saurait plus.

Essaye la balise/style <br class="nettoyeur" /> qui se trouve dans
dist/habillage.css, avant le pied de page, tu devrais voir des changements.

BMR

Magali a écrit :

Bonsoir,

Je me casse la tete depuis un bon moment avec le pied de page que je
souhaite voir apparaitre sur mon site.
Mes pages sont constituées d'une partie centrale où s'affiche le texte
des rubriques ou articles et d'un menu sur la gauche.

Mon problème est le suivant : je souhaite que le pied de page face la
largeur de l'écran, c'est à dire la largeur du menu + la partie centrale.
Or lorsque je place :
[(#REM) Pied de page ] <INCLURE{fond=inc-pied}>

juste avant :
</div><!-- fin page -->
</body>

Le texte s'affiche en haut de la page en superposition avec le texte de
ma rubrique.
Et lorsque je le place à la suite de ma boucle rubrique, le pied de page
a la largeur impartie au texte, mais ne continue pas sous le menu.

Je ne sais pas si c'est très clair ? C'est surement tout bête, mais
là... je suis perdue. Est-ce que quelqu'un(e) aurait une suggestion pour
me débloquer ?

Merci d'avance,
Magali

_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : http://www.spip-contrib.net/spikini/FaQ

___________________________________________________________________________ Yahoo! Mail réinvente le mail ! Découvrez le nouveau Yahoo! Mail et son interface révolutionnaire.

4

Magali a écrit :

Bonjour,

Me revoici avec mes histoires de pied de page !
Je ne comprends pas pourquoi mon pied de page ne "veut" pas se positionner en bas de page ??!! Pour illustrer tout ça je vous donne les URL des pages. Je vous préviens, je ne suis pas pro, donc... il est modeste mais bon après tout il est en ligne, alors !
En fait, ce qui se passe c'est :
Soit le pied de page s'affiche en haut de ma page, derrière le texte déjà affiché.
Voir ce que ça donne ici : http://www.saveurs-eleonore.fr/spip.php?page=sommaire3
  
Tes divs #principal .contenu et #navigation sont en position absolue (via la css), ce qui a pour effet de les retirer du flux normal de ta page. Ton div #pied étant positionné par le flux, il se retrouve scotché en haut de page : normal !
Change le "position: absolute;" de #navigation pour "float: left;", et cela devrait déjà changer la donne.

Soit il est bien positionné en bas de page mais mon menu de navigation (à gauche de la page) ne descend plus jusqu'au bas de la page!!!! Voir ici : http://www.saveurs-eleonore.fr/spip.php?page=sommaire7

Sur cette page ton pied est positionné à l'intérieur de ton div #principal .contenu.

Par ailleurs dans les 2 cas, le texte de mon pied de page tient sur 2 lignes, pourquoi va-t-il à la ligne automatiquement ?

parcequ'il n'a pas la place de tenir sur une seule ligne ! Tu as des erreurs dans ta css : j'ai pas creusé mais j'ai vu par ex dans ton #pied :
    clear: both;
    width: 550
    margin-top: 4em;
manque déjà un ; à la fin de la deuxième ligne, donc le code n'est dans pas pris en compte à cet endroit (ni la ligne suivante du coup : le margin-top n'est pas appliqué).

Merci encore pour vos lumières car je tourne en rond !!

Magali
  
Suis pas sûr d'être lumineux, mais j'espère que ça aide ...

Eric

5

Re-Bonjour,

Merci pour ces réponses !

Change le « position: absolute; » de #navigation pour « float: left; », et
cela devrait déjà changer la donne.

J’ai essayé, mais du coup le menu de navigation n’est « collé » à gauche de l’écran, ça fait tout bouger !! Peut être qu’il faut que je change aussi la position: absolute;" de #principal ?

C’est embêtant cette histoire de pied de page car en fait d’après ce que vous me dites c’est que les pages ou habillage.css qui sont mal construites… peut-être qu’il vaut mieux que je me débrouille sans pied de page plutôt que de tout recommencer !
Bon ben j’vais continuer à creuser ! Merci encore !

A plus tard,
Magali

----- Original Message -----
From: « Eric Lurand » <elurand@free.fr>
To: <spip@rezo.net>
Sent: Wednesday, January 17, 2007 1:24 PM
Subject: Re: [Spip] Pied de page - Positionnement

Magali a écrit :

Bonjour,

Me revoici avec mes histoires de pied de page !
Je ne comprends pas pourquoi mon pied de page ne « veut » pas se positionner
en bas de page ??!! Pour illustrer tout ça je vous donne les URL des pages.
Je vous préviens, je ne suis pas pro, donc… il est modeste mais bon après
tout il est en ligne, alors !
En fait, ce qui se passe c’est :
Soit le pied de page s’affiche en haut de ma page, derrière le texte déjà
affiché.
Voir ce que ça donne ici :
http://www.saveurs-eleonore.fr/spip.php?page=sommaire3

Tes divs #principal .contenu et #navigation sont en position absolue
(via la css), ce qui a pour effet de les retirer du flux normal de ta
page. Ton div #pied étant positionné par le flux, il se retrouve scotché
en haut de page : normal !
Change le « position: absolute; » de #navigation pour « float: left; », et
cela devrait déjà changer la donne.

Soit il est bien positionné en bas de page mais mon menu de navigation (à
gauche de la page) ne descend plus jusqu’au bas de la page!!! Voir ici :
http://www.saveurs-eleonore.fr/spip.php?page=sommaire7

Sur cette page ton pied est positionné à l’intérieur de ton div
#principal .contenu.

Par ailleurs dans les 2 cas, le texte de mon pied de page tient sur 2
lignes, pourquoi va-t-il à la ligne automatiquement ?

parcequ’il n’a pas la place de tenir sur une seule ligne ! Tu as des
erreurs dans ta css : j’ai pas creusé mais j’ai vu par ex dans ton #pied :
clear: both;
width: 550
margin-top: 4em;
manque déjà un ; à la fin de la deuxième ligne, donc le code n’est dans
pas pris en compte à cet endroit (ni la ligne suivante du coup : le
margin-top n’est pas appliqué).

Merci encore pour vos lumières car je tourne en rond !!

Magali

Suis pas sûr d’être lumineux, mais j’espère que ça aide …

Eric

liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : http://www.spip-contrib.net/spikini/FaQ

6

Bonjour

Personnellement j’ai été confronté à ce problème de position de pied de page, lequel est toujours lié avec ce qui le précède, et je m’en suis sorti en apprenant scrupuleusement la méthode proposée dans le tutoriel proposé par alsacréation à cette adresse
http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Design-XHTML-CSS-complet-avec-2-colonnes-de-meme-hauteur
Je l’ai ensuite adaptée à la mise en page de ce site (il est en japonais mais ce n’est pas grave pour vérifier le bon positionnement du pied de page selon cette méthode.) http://www.itoseibo.org
Bonne continuation !

Origenius

Le 17 janv. 07 à 22:53, Magali a écrit :

Re-Bonjour,

Merci pour ces réponses !

Change le « position: absolute; » de #navigation pour « float: left; », et
cela devrait déjà changer la donne.

J’ai essayé, mais du coup le menu de navigation n’est « collé » à gauche de l’écran, ça fait tout bouger !! Peut être qu’il faut que je change aussi la position: absolute;" de #principal ?

C’est embêtant cette histoire de pied de page car en fait d’après ce que vous me dites c’est que les pages ou habillage.css qui sont mal construites… peut-être qu’il vaut mieux que je me débrouille sans pied de page plutôt que de tout recommencer !
Bon ben j’vais continuer à creuser ! Merci encore !

A plus tard,
Magali

----- Original Message -----
From: « Eric Lurand » <elurand@free.fr>
To: <spip@rezo.net>
Sent: Wednesday, January 17, 2007 1:24 PM
Subject: Re: [Spip] Pied de page - Positionnement

Magali a écrit :

Bonjour,

Me revoici avec mes histoires de pied de page !
Je ne comprends pas pourquoi mon pied de page ne « veut » pas se positionner
en bas de page ??!! Pour illustrer tout ça je vous donne les URL des pages.
Je vous préviens, je ne suis pas pro, donc… il est modeste mais bon après
tout il est en ligne, alors !
En fait, ce qui se passe c’est :
Soit le pied de page s’affiche en haut de ma page, derrière le texte déjà
affiché.
Voir ce que ça donne ici :
http://www.saveurs-eleonore.fr/spip.php?page=sommaire3

Tes divs #principal .contenu et #navigation sont en position absolue
(via la css), ce qui a pour effet de les retirer du flux normal de ta
page. Ton div #pied étant positionné par le flux, il se retrouve scotché
en haut de page : normal !
Change le « position: absolute; » de #navigation pour « float: left; », et
cela devrait déjà changer la donne.

Soit il est bien positionné en bas de page mais mon menu de navigation (à
gauche de la page) ne descend plus jusqu’au bas de la page!!! Voir ici :
http://www.saveurs-eleonore.fr/spip.php?page=sommaire7

Sur cette page ton pied est positionné à l’intérieur de ton div
#principal .contenu.

Par ailleurs dans les 2 cas, le texte de mon pied de page tient sur 2
lignes, pourquoi va-t-il à la ligne automatiquement ?

parcequ’il n’a pas la place de tenir sur une seule ligne ! Tu as des
erreurs dans ta css : j’ai pas creusé mais j’ai vu par ex dans ton #pied :
clear: both;
width: 550
margin-top: 4em;
manque déjà un ; à la fin de la deuxième ligne, donc le code n’est dans
pas pris en compte à cet endroit (ni la ligne suivante du coup : le
margin-top n’est pas appliqué).

Merci encore pour vos lumières car je tourne en rond !!

Magali

Suis pas sûr d’être lumineux, mais j’espère que ça aide …

Eric

liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : http://www.spip-contrib.net/spikini/FaQ

liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : http://www.spip-contrib.net/spikini/FaQ