div en pied de page

bonjour à tous et à toutes.

je débute en css(tout juste 2 jours...) donc pardonnez moi
d'avance.

j'ai lu qlq tuto sur le site mais j'ai pas trouver ma solution.

mon soucis concerne mon pied de page, je voudrai tout simplement
qu'il soit systématiquement en bas de la page avec un petit espace
le séparant des divers contenus.
j'ai des div en position absolute de chaque coté de ma
page et mon pied de page à tendance à marcher dessus lorsque le
contenu central est peu fournit, au lieu de rester tout en bas.

mon css

Code:

---

1 2 3 4 5 6 7 8

#divcopy{ width:100%; //j'ai mis 100% en espérant qu'il passe en dessous tout mais non text-align:center; bottom:0px; position:relative; //j'ai essayé avec absolute, fixed mais c'est pas ça. height:15px; }

---

mon script

Code:

---

1 2	<div id="divcopy" align="center">blabla copyright</div>

---

bonjour,

pour un pied de page utilise :

clear:both;

j'ai déjà essayer mais ça ne change rien.
mon pied de page remonte.

ce code fonctionne pour moi

Code:

---

1 2 3 4 5 6 7

#divcopy{ width:100%; text-align:center; height:15px; clear:both; }

---

Code:

---

1 2	<div id="divcopy">blabla copyright</div>

---

je viens de tester ce code, qui ne fonctionne pas pour moi:evilred:
je suis sur FF, je sais pa si ça joue mais bon...

voila ce que ça donne chez moi:
http://www.toietmoitogether.com/Sans%20titre.bmp

je veux juste que la ligne copyright soit en dessous de tout.

Citation:

---

Envoyé par warwill

j'ai des div en position absolute de chaque coté de ma
page et mon pied de page à tendance à marcher dessus lorsque le
contenu central est peu fournit, au lieu de rester tout en bas.

---

Tes éléments positionnés en absolut sont sortis du flux, les autres éléments viennent donc se positionner sans en tenir compte. Tu devrais essayer d'utiliser la propriété float sur tes colonnes latérales plutôt qu'un positionnement absolu.

merci ça m'a aidé (en partie mais bien quand même).

au final j'ai fait ça pour le css:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

#divspaceg{ float:left; margin-top:3%; width:17%; } #divspaced{ position:absolute; margin-top:3%; margin-left:83%; width:17%; } #divcont{ width:66%; margin:3% 0% 17% 17%; } #divcopy{ width:100%; text-align:center; margin-top:3%; height:15px; clear:both; }

---

divspace sont mes bloc à droite et à gauche.
voila encore merci à tous et à toutes.