Aller au contenu

Footer toujours tout en bas

Gribouille26

Par Gribouille26
dans (X)HTML et CSS

 Partager

Sujets conseillés

Gribouille26

Gribouille26

Posté
Posté

Salut, :D

je cherche comment faire pour qu'une ligne de texte(ou une div,...) se trouve toujours en bas de ma page (à la fin de mon texte), quelque soit la longeur de celle-ci!

Avec margin-bottom:0, rien

et avec bottom:0, mon texte est en bas de la fenêtre du navigateur, et non pas de la page...

Ca serai super si quelqu'un savait comment faire! :idea:

Lien vers le commentaire
Partager sur d’autres sites
Loupilo

Loupilo

Posté
Posté

En CSS :

#footer {
position:absolute;
bottom: 0px;
}

Je ne sais pas si c'est bien géré par IE, et je ne l'ai pas, donc c'est à tester.

Sinon, c'est ça ;)

A+

Lien vers le commentaire
Partager sur d’autres sites
Loupilo

Loupilo

Posté
Posté

Le bas de la fenêtre c'est : 

#footer {
position: fixed; // On positionne de façon fixe le calque
bottom: 0; // On le met tout en bas de la fenêtre, mais il est fixe
}

(non géré par IE, évidemment :rolleyes: )

Le bas de la page, c'est :

#footer {
position: absolute; // On positionne de façon absolue le calque
bottom: 0; // On dit qu'il est à 0px du bas de la page
}

Pas la même chose...

Si c'est pas ça, explique un peu plus...

A+

Lien vers le commentaire
Partager sur d’autres sites
Loupilo

Loupilo

Posté
Posté

La position:fixed ne marche pas sous IE, comme je l'ai précisé...

Tu utilises IE :o:down: ?

Mets une page de test à disposition, avec la ligne que tu souhaites voir en bas de la page et non pas de la fenêtre. Car ce que je t'ai dit, c'est sensé marché :huh:

Je pourrais regarder avec EditCss comme ça :up: .

A+

Lien vers le commentaire
Partager sur d’autres sites
kiara

kiara

Posté
Posté

Essaie de mettre l'element precedant ton footer a 100%,

et tu positionne ce footer par rapport a cet element.

Il devrait etre, normalement de cette facon toujours en pas de page.

Lien vers le commentaire
Partager sur d’autres sites
PwetPwet

PwetPwet

Posté
Posté
La position:fixed ne marche pas sous IE, comme je l'ai précisé...

Tu utilises IE :o  :down: ?

Mets une page de test à disposition, avec la ligne que tu souhaites voir en bas de la page et non pas de la fenêtre. Car ce que je t'ai dit, c'est sensé marché :huh:

Je pourrais regarder avec EditCss comme ça :up: .

A+

On se calme, lol

IE c'est quand même 95% de mes visiteurs

Calme, zen, :!:

Lien vers le commentaire
Partager sur d’autres sites
Loupilo

Loupilo

Posté
Posté
On se calme, lol

IE c'est quand même 95% de mes visiteurs

Calme, zen,  :!:

Je suis très calme :huh: ...

Et on ne va pas recommencer un débat sur IE, hein :D !?!

Recentrons, recentrons ;)

A+

P.S: Et si un jour tous tes visteurs sautaient par la fenêtre, tu ferais quoi ?

Tu sauterais, toi aussi ? Ben oui, faut regarder un peu plus loin que le bout de son nez, parfois :rolleyes:

Lien vers le commentaire
Partager sur d’autres sites
Americas

Americas

Posté
Posté
On se calme, lol

IE c'est quand même 95% de mes visiteurs

Calme, zen,  :!:

Seulement 95 % ? :1eye:

Parce que chez moi ça frise le 98 %... et j'ai bien été obligé de sauter avec eux par la fenêtre :D

Lien vers le commentaire
Partager sur d’autres sites
MissMonde

MissMonde

Posté
Posté

voici ce que j'ai compris à ton code :

tu as construit ta page avec uniquement des positions absolues.

chaque élément en position absolue est une sorte de post-it collé à la page, donc ne fait pas partie du contenu.

ta page n'a en fait aucun "vrai" contenu.

comme solution, à part refaire le code, je ne vois qu'une chose : mettre le div footer à l'intérieur de l'élément bloc le plus bas de ta page, et donner à cet élément une position relative.

le footer sera positionné en absolu par rapport à cet élément.

le problème, c'est que je ne sais pas si on peut donner 2 positions (relative et absolue) à un même élément.

ma réponse n'est pas très efficace, mais peut-être que ça donnera des idées à d'autres. ;)

Lien vers le commentaire
Partager sur d’autres sites
Dinostrate

Dinostrate

Posté
Posté

Salut

Gribouille > Si tu fais une page en absolute, tu es obligée la plupart du temps, selon moi, de fixer la dimension des caractères....

Je viens d'aller sur ta page, et la première des choses que j'ai faite (un peu comme l'adjudant qui fait une inspection et qui passe le doigt sur les armoires pour tester la poussière), c'est de modifier la dimension des polices.... et là.... catastrophe....

Si tu veux laisser la liberté de la dimension des caractères, il vaut mieux passer tout de suite au relatif ou au float....

Perso, quand je suis passé aux feuilles de styles, il n'y a pas très longtemps, j'ai décidé d'entrée de jeu de ne pas utiliser les absolute, sauf cas très particulier....

Conclusion : si tu veux tout en absolute, c'est ton droit, mais je te conseille de fixer la dimension des caractères....

MissMonde> Attention, le contenu, c'est le texte, s'il y a du texte, il y a du contenu... la question de savoir s'il est bon ou mauvais, c'est autre chose.... et ça n'a rien à voir avec les feuilles de style....

Autre chose : Un même élèment acceptera seulement la dernière définition rencontrée....

Dino

Lien vers le commentaire
Partager sur d’autres sites
lapin7

lapin7

Posté
Posté (modifié)

bonjour,

j'ai un peu le même problème sur mon site

si je change la taille des polices bonjour le résultat ! ! ! ! ! :down:

en plus ça modifie l'emplacement du pied de page

comment faire pour que les polices restent dans les boites ? fixer une taille maxi, comment ?

en plus je ne peux pas en ce moment vérifier le résultat avec windows et internet explorer, je suis en pleine cambrouse (adsl prévu en 2007)

quelqu'un peux-t'il le vérifier pour moi et m'envoyer une copie d'écran (haut et bas de page)

ce serai vachement sympa e-mail : lapin7(at)free(dot)fr

Modifié par lapin7
Lien vers le commentaire
Partager sur d’autres sites
Loupilo

Loupilo

Posté
Posté
Pffuuu.... <_<

J'y arrive vraiment pas avec ce foutu pied de page!!! :nono:

Toute la matinée à relire, essayer, refaire,... et rien!

Déjà, mets un 

clear: both;

Ça empechera ton bloc de se retrouver à côté d'un autre. Si dans la page il est tout en bas des autres calques, alors il va se retrouver tout en bas de la page...

Et pour spécifier un espace entre le footer et les autres calques, rajoute un

margin-bottom: 3em;

Essaie ça. Alors ?

A+ ;)

Lien vers le commentaire
Partager sur d’autres sites
Loupilo

Loupilo

Posté
Posté

Je veux bien essayer de voir sur ta page (le lien que tu as donné), mais je le vois nulle part le footer à mettre en bas :huh: !

Il est ou ?

Car sans, c'est sur que je vais voir du mal :D

A+ ;)

Lien vers le commentaire
Partager sur d’autres sites
Loupilo

Loupilo

Posté
Posté
Il est en bas....  ;)

<div class="footer">EPICE-2004 © Webmaster</div>

Oups pas vu :blush: .

Ben ça me parait dur... Vu comment tu a codé ta page, c'est pour moi impossible :nono:

Tu n'as que des positions absolute dans ta page. Comme l'a si bien dit MissMonde, ce sont que des post-its. Donc tu ne peux positionner ton footer en dessous des autres post-its qu'en spécifiant la marge supérieure qu'il doit y avoir.

Et dès qu'on change le post-it du mileu (le texte principal), il faut alors repositionner le footer.

Donc dans la situation actuelle tu ne peux pas positionner ton footer en bas.

Tu devrais re-coder ta feuille de style ;)

Tu utilises trop de position:absolute;. Vu que ton design respecte le sens "normal", tu pourrais te passer de tous les "position:..." :huh: !

Donc désolé, mais la pour l'instant, je crois que ça va pas être possible :( .

A+

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
 Partager
Aller sur la liste des sujets
×
×
  • Créer...