comment centrer les "header links"

[ecat]

bonjour à tous,

voila je cherche a centrer le div#header qui contient les devises, les langues,etc car lors de la création de mon template, je n'arrive pas à le centrer comme je voudrais

je vous joins une photo pour mieux comprendre mon problème

voici le css que je trouve avec firebug mais rien n'y fait pas moyen de centrer les informations au centre du block

#header {global.css (ligne 236)
background-image:url(../img/back_top.jpg);
background-repeat:repeat-x;
float:left;
height:100px;
text-align:right;
width:100%;
}
* {global.css (ligne 11)
margin:0;
padding:0;
}
* {thickbox.css (ligne 4)
margin:0;
padding:0;
}
Hérité dediv#page
#page {global.css (ligne 221)
text-align:left;
}
Hérité debody#product
body {global.css (ligne 16)
color:#C66210;
font-family:Verdana,Arial,Helvetica,Sans-Serif;
font-size:11px;
text-align:center;
}

[Peha]

Bonjour,

_pour centrer des éléments blocs en css, il faut mettre les marges droites et gauches sur "auto"
_de plus, l'attribut float:left pousse ton bloc à gauche, il serait bon de le supprimer
_enfin l'attribut width:100% peut gêner, essaye de le supprimer.

pa.

[ecat]

merci bcp pour ta réponse peha et si je desire deplace les liens permanents sur mon footer comment faut-il procèder j'ai essayé de greffé le module lien permanent sur le footer via les positions de modules mais rien n'apparait

merci pour ton aide

[ecat]

bon j'ai essayé de modifier le code comme suit mais aucun changement ai-je bien modifier le code?

#left_column {
   clear:left;
   width:190px;
   padding-right: 0px auto;
}
#center_column {
   width: 556px;
   margin: 0 0 30px 0;
}
#right_column {
   width: 190px;
   padding-left: 0px auto;
}

merci encore pour ton aide pa

[C2LABOMB]

essaie ça

#header {
   float: center;
   height:100px;
   width: 71%;
   text-align: right;
}

float: right;
change
float: center;
Cordialement
C2LABOMB

[Peha]

ai-je bien modifier le code?

non, tu dois agir logiquement sur #header pour centrer le bloc

de plus, il est incorrect d'écrire

padding-left : 0 auto;

car padding-left ne peut avoir qu'un seul paramètre ( zéro ou auto ? )
padding-left correspond à la marge intérieure gauche,
or ce sont les attributs margin-left et margin-right qui doivent être mis à auto pour centrer un bloc.

on peut mettre plusieurs attributs à la suite dans le cas d'attributs 'génériques' par exemple :
padding : 0 1px 2px 3px;
où 0 correspond à la marge-intérieure-haute
1px correspond à la marge-intérieure-droite
2px correspond à la marge-intérieure-basse
3px correspond à la marge-intérieure-gauche

...

float:center; serait génial mais ne fonctionne pas.
:down: