Pied de page bouge

Pied de page bouge - HTML/CSS - Programmation

Marsh Posté le 25-05-2006 à 23:12:56    

Quand je fais des modification sur ma page, le pied de page bouge toujours.
 
Comment puis-je fixer ce pied de page ?
 
#footer{
clear:both;
position: absolute;  
color:#a0a0a0;
font-size:0.9em;
height:10px;
margin:136px;
margin-top:110px;
padding:10px 10px;
text-align:center;
width:480px;
border: #0000FF double 5px;
}

Reply

Marsh Posté le 25-05-2006 à 23:12:56   

Reply

Marsh Posté le 26-05-2006 à 13:58:51    

Si tu pouvais fournir un screenshot, ce serait sympathique.
 
Voici une classe CSS que j'utilise fréquemment pour mes applis web', pour le footer :
 
.footer
{  
 width:    850px ;
 margin-left:  auto ;
 margin-right:  auto ;
 
 padding-top:  5px ;
 padding-bottom:  5px ;
 font-size:   10px ;
 text-align:   center ;
 background-color: #F6F2F2 ;  
 border-top:   1px solid #000 ;
}
 
Si ça peut te servir, sait on jamais...

Reply

Marsh Posté le 26-05-2006 à 15:23:56    

fourniey a écrit :

Quand je fais des modification sur ma page, le pied de page bouge toujours.
 
Comment puis-je fixer ce pied de page ?
 
#footer{
clear:both;
position: absolute;  
color:#a0a0a0;
font-size:0.9em;
height:10px;
margin:136px;
margin-top:110px;
padding:10px 10px;
text-align:center;
width:480px;
border: #0000FF double 5px;
}


 
a priori si tu mets ton footer en absolute il faut que tu lui precise la position d'un de ses coins ( genre top:10px; left:10px; )


Message édité par gravastar_bureau le 26-05-2006 à 15:25:17
Reply

Marsh Posté le 26-05-2006 à 18:36:00    

Mais comment faire en sorte qu'il soit center horizontalement ?

Reply

Marsh Posté le 27-05-2006 à 20:20:54    

si tu mets un position absolute tu riques pas de le centrer :/
il suffit de changer de resolution et tu fous tout en l air
(enfin je dis ca mais c est juste parce que je deteste cette facon de positionner ses blocs :d apres tu geres comme tu veux)
 
text-align gere le contenu de ton bloc et non pas le bloc lui meme
pour le bloc lui meme il faut faire comme te l a dit fiiies et mettre des marges automatiques a gauche et a droite

Reply

Marsh Posté le 28-05-2006 à 14:38:28    

Fiiies1 a écrit :

Si tu pouvais fournir un screenshot, ce serait sympathique.
 
Voici une classe CSS que j'utilise fréquemment pour mes applis web', pour le footer :
 
.footer
{  
 width:    850px ;
 margin-left:  auto ;
 margin-right:  auto ;
 
 padding-top:  5px ;
 padding-bottom:  5px ;
 font-size:   10px ;
 text-align:   center ;
 background-color: #F6F2F2 ;  
 border-top:   1px solid #000 ;
}
 
Si ça peut te servir, sait on jamais...


 
 
Je viens d'essayer ce code et le footer se place immédiatement après la dernière ligne de ma page.
 
http://img146.imageshack.us/img146/2111/pieddepage6xo.th.gif

Reply

Marsh Posté le 28-05-2006 à 14:58:27    

Le problème est réglé, un div n'était pas fermé!
 
Merci!

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed