Discussion :

[warwill]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[lecureuil30]

bonjour,

pour un pied de page utilise :

clear:both;

[warwill]

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

[lecureuil30]

ce code fonctionne pour moi

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
#divcopy{
 width:100%;
 text-align:center;
 height:15px;
 clear:both;
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[warwill]

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

voila ce que ça donne chez moi:


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

[Candygirl]

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.

[warwill]

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.