Page 1 sur 1

lien en bas de page

Posté : 14 août 2007, 14:33
par d0m
Bonjour,

j'ai un peu de mal pour placer un lien en bas de page.
Pour l'instant, j'ai un conteneur pour la page et un lien avec ces styles :

Code : Tout sélectionner

.conteneurPrincipal { position:absolute; left:10px; top:80px; height:430px; width:100%;} .lienRetour {position: absolute; bottom: 0;padding-top: 20px;clear: both;}
et le code php :
<div CLASS="conteneurPrincipal">
..............
<div align="left" CLASS="lienRetour"><A HREF="....">retour</A></div>
</div>
le but étant que:
- si le contenu de la page ne prends pas toute la hauteur de la fenêtre, le lien RETOUR se place en bas de la fenêtre quand même.
- si le contenu de la page prends plus que la hauteur de la fenêtre, le lien se place en dessous du dernier élement de la page.

Mon code fait à peu près ce que je veux sous IE6 mais pas du tout sous Firefox, le lien se place toujours au même endroit c'est à dire à une hauteur absolu de 430 pixels.

Posté : 14 août 2007, 15:45
par béka
Je dirais qu'il faut plus te fier a firefox qu'à IE. Si IE lit correctement et affiche ce que tu veux c'est de la chance et c'est cazr il interprète mal le code... lol

Donc si j'ai bien compris tu veux que ton lien soit tout en bas de ta page si le contenu n'occupe pas tout sinon soit en bas du dernier élément de ton contenu.

Et en faisait comme ça :
<div CLASS="conteneurPrincipal">
..............
</div>
<div align="left" CLASS="lienRetour"><A HREF="....">retour</A></div>
je ne suis pas sur de moi,mais bon, on ne sait jamais...

Posté : 14 août 2007, 15:47
par pat
Bonjour,

ajoute un style


Code : Tout sélectionner

body {margin: 0}

Posté : 16 août 2007, 09:13
par d0m
Et en faisait comme ça :
<div CLASS="conteneurPrincipal">
..............
</div>
<div align="left" CLASS="lienRetour"><A HREF="....">retour</A></div>
dans ce cas il me met le lien en bas de la fenêtre c'est à dire que sans défilement c'est bon, mais dès que le contenu dépasse la taille de la fenêtre, le lien reste à une hauteur égale à la taille de la fenêtre (donc sur le reste de l'affichage)
ajoute un style

Code : Tout sélectionner

body {margin: 0}
je ne vois pas l'interêt ??

*edit : j'ai finalement trouvé un tuto qui explique très bien.