Centrer pied de page

Centrer pied de page - HTML/CSS - Programmation

Marsh Posté le 29-09-2004 à 15:17:44    

Bonjour,  
 
J'ai un pb avec mon pied de page.
Je n'arrive pas à le centrer...
 
Si vous voullez/pouvez jetter un oeil, c'est cette page:
http://gribouille26.free.fr/
 
Je l'ai mit à 70% avec 15% de marges.... je comprend pas son comportement. Il doit y avoir une relation que je ne vois pas!
 
Merci

Reply

Marsh Posté le 29-09-2004 à 15:17:44   

Reply

Marsh Posté le 29-09-2004 à 15:22:59    

text-align: center; :??:

Reply

Marsh Posté le 29-09-2004 à 17:15:22    

Non, déjà essayé.
C'est vrai que ça le met un peu plus vers le centre, mais pas centré non plus...

Reply

Marsh Posté le 29-09-2004 à 17:18:54    

J'ai oublié de préciser que c'est un bug uniquement sur Mozilla. Sur IE tout va bien.

Reply

Marsh Posté le 29-09-2004 à 17:19:25    

Code :
  1. .pied {
  2. border: 1px solid black;
  3. width:70%;
  4. margin:20 20%; /*<- et pas 20% 15% */
  5. text-align:center;
  6. }

Reply

Marsh Posté le 29-09-2004 à 17:22:52    

Salut,
 
essaies :

Code :
  1. .pied { 
  2. border: 1px solid black; 
  3. width:70%;
  4. margin-left: auto;
  5. margin-right: auto;
  6. }

Reply

Marsh Posté le 29-09-2004 à 18:05:06    

Kalex:
margin:20 20%; /*<- et pas 20% 15% */  
C'est 20px et 15%, je ne comprend pas pourquoi tu veux changer mes marges? Ca ne changerai rien.
 
Sub1: en auto, IE ne comprend pas les marges...

Reply

Marsh Posté le 29-09-2004 à 18:10:37    

En fait, Kalex au premier essai, m'a fait penser à une façon un peu détournée pour résoudre la pb.
J'ai mit la div du pied de page à 100% avec margin: 20px 0 pour Mozilla. Et le tour est joué!
 
Merci de votre aide!

Reply

Marsh Posté le 29-09-2004 à 22:17:27    

salut,
 

Code :
  1. .pied { 
  2. position:absolute;
  3. width:70%;
  4. left:50%;
  5. margin-left:-35%;
  6. border: 1px solid black; 
  7. text-align:center;
  8. }


 
++
 
L.


Message édité par Leris le 29-09-2004 à 22:18:05
Reply

Marsh Posté le 30-09-2004 à 10:19:29    

Merci, mais j'avais déjà résolu le pb comme je l'explique dans mon dernier post...

Reply

Sujets relatifs:

Leave a Replay

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