Comment centrer un bloc footer ?

[jibi23]

Bonjour,

 

Je viens vers vous car j'ai un problème tout bête sur le front office du site ci-dessous. C'est un souci de CSS.

 

URL : (supprimé)

 

J'ai utilisé le template gratuit 1.5 de graphileom pour fabriquer mon template sous 1.5.

 

Le problème est que le footer n'est pas centré correctement. Dès que l'on change le niveau de zoom du navigateur, le footer décale a gauche ou a droite. Cela le fait également lorsque l'on consulte sur un petit écran type MacBook 13pouces, ipad etc...

 

J'utilise pourtant le CSS margin:auto sur les différents blocks CSS du footer.

Je vous mets le code ci-dessous dans l'ordre hiérarchique des blocs.

 

Auriez vous une idée de ce que je peux faire ?

Merci d'avance,

Cordialement,

 

 

#footer {width: 100%;margin:0 auto;

position:relative;

box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.80);

width: 990px;

margin-left:180px;

-moz-box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.80);

-webkit-box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.80);

border-bottom-right-radius: 50px;

border-bottom-left-radius: 50px;

}

.footer_container {

width: 975px;

position: absolute;

clear: both;

}

 

 

.footer_copyright{

float:left;

width:100%;

text-align:center;

margin:auto;

padding: 8px;

-moz-border-radius-bottomright: 50px;

-moz-border-radius-bottomleft: 50px;

-webkit-border-radius-bottomright: 50px;

-webkit-border-radius-bottomleft: 50px;

border-bottom-right-radius: 50px;

border-bottom-left-radius: 50px;

background: none repeat scroll 0 0 #b10a0a;

height:35px;}

 

.footer_copyright p {padding-top:10px;padding-bottom:0;margin:auto;}

Edited April 16, 2013 by jibi23 (see edit history)

[Guest Kaylabs]

le souci vient principalement du float: left sur .grid_9 qui s'applique a ton footer, donc par rapport a ton site actuel, il faut modifier:

 

#footer { float: none; margin: 0;}

.footer_copyright { padding: 0;}

[jibi23]

le souci vient principalement du float: left sur .grid_9 qui s'applique a ton footer, donc par rapport a ton site actuel, il faut modifier:

 

#footer { float: none; margin: 0;}

.footer_copyright { padding: 0;}

 

Bonjour,

Merci de l'info.

Je tente et je te dis.

Cdt

Edited April 16, 2013 by jibi23 (see edit history)

[jibi23]

Bonjour,

Cela fonctionne, merci bcp.

Cdt