CSS : centrer un div

[rudddy]

Bonjour à tous,

je débute un peu en CSS et j'ai du mal à centrer un div (le div univers2)

voici mon code :

Code: Tout sélectionner

#univers{
   position: fixed;
   margin-top: 80px;
   text-align: center;
}

#univers .img{
   float: left;
}

#univers2{
   padding: 10px 94px 10px 94px;
   position: fixed;
   text-align: center;
   font-weight: bold;
   font-size: 16px;
   font-family: Arial, Helvetica, sans-serif;
}

#univers2 .univers-nouveau {
   float: left;
   width: 110px;
   color: #964676;
}


Code: Tout sélectionner

<div id="univers">
      <img src="images/b-nouveau_off.gif" name="b-nouveau" width="110" height="110" border="0" id="b-nouveau" />
      <img src="images/b-biscuits_off.gif" name="b-biscuits" width="110" height="110" border="0" id="b-biscuits" />
                <img src="images/b-chocolat_off.gif" name="b-chocolats" width="110" height="110" border="0" id="b-chocolats" />
      <img src="images/b-confiserie_off.gif" name="b-confiseries" width="110" height="110" border="0" id="b-confiseries" />
      <img src="images/b-snacks_off.gif" name="b-snacks" width="110" height="110" border="0" id="b-snacks" />
      <img src="images/b-epicerie_off.gif" name="b-epicerie" width="110" height="110" border="0" id="b-epicerie" />
      <img src="images/b-sanssucre_off.gif" name="b-sanssucre" width="110" height="110" border="0" id="b-sanssucre" />
   </div>
   <div id="univers2">
      <span class="univers-nouveau">Nouveau</span>
      <span class="univers-nouveau">Biscuits</span>
      <span class="univers-nouveau">Chocolats</span>
      <span class="univers-nouveau">Confiseries</span>
      <span class="univers-nouveau">Snacks</span>
      <span class="univers-nouveau">Epicerie</span>
      <span class="univers-nouveau">Sans sucre</span>
   </div>

[bertimus]

Ajoute ceci pour voir :

Code: Tout sélectionner

    margin-left: auto;
    margin-right: auto;


Faudra peut-être supprimer/modifier :

Code: Tout sélectionner

   padding: 10px 94px 10px 94px;
   position: fixed;

Plus d'infos : http://css.alsacreations.com/Faire-une- ... web-en-CSS

[rudddy]

morche pos

[SuperCureuil]

Salut,

En plus des margin auto, je crois qu'il faut préciser une largeur ...

Code: Tout sélectionner

width: xpx;

[bertimus]

J'ai édité mon message, file voir Alsacréations

[Vi largeur obligatoire ]

[rudddy]

Salut,

En plus des margin auto, je crois qu'il faut préciser une largeur ...

Code: Tout sélectionner

width: xpx;

merci ca marche nickel sauf que mon dernier mot "sans sucre" s'affiche bien sur la droite et après j'ai à laigne centré uniquement le mot "sucre" !!

incroyable !!

[SuperCureuil]

Peut-être pas si incroyable que ça, c'est sans doute lié au float de tes items de liste ou à une largeur qui foire qq part. Difficile à dire comme ça ...

Le plus facile pour t'aider c'est de voir la page en question ...

[rudddy]

Peut-être pas si incroyable que ça, c'est sans doute lié au float de tes items de liste ou à une largeur qui foire qq part. Difficile à dire comme ça ...

Le plus facile pour t'aider c'est de voir la page en question ...

ok elle est pas en ligne pour l'instant mais je la mets dans la journée et je te préviens

merci de ton aide

[rudddy]

Peut-être pas si incroyable que ça, c'est sans doute lié au float de tes items de liste ou à une largeur qui foire qq part. Difficile à dire comme ça ...

Le plus facile pour t'aider c'est de voir la page en question ...

voila :
http://www-shneiders-com/test.html

merci de ton retour

[Pandore]

Serveur introuvable

Firefox ne peut trouver le serveur à l'adresse www.www-shneiders-com.com.

* Veuillez vérifier la syntaxe de l'adresse
(saisie de ww.exemple.com au lieu de
www.exemple.com par exemple) ;

* Si vous n'arrivez à naviguer sur aucun site, vérifiez la connexion
au réseau de votre ordinateur ;

* Si votre ordinateur ou votre réseau est protégé par un pare-feu ou un proxy,
assurez-vous que Firefox a l'autorisation d'accéder au Web.

Ton lien ne fonctionne pas on dirait.

[bertimus]

-http://www.shneiders.com/test.html

[rudddy]

oui je ne voulais pas écrire en dur l'url

[rudddy]

WHAT'S UP MY FRIEND ?

[rudddy]

du nouveau stp ?

je suis bloqué

[bertimus]

Pourquoi n'essaierais-tu pas de capter par toi-même plutôt que d'attendre la solution ?

Encore une fois : http://css.alsacreations.com/Faire-une- ... web-en-CSS
Ou encore : http://www.google.fr/search?hl=fr&q=cen ... cher&meta=

[PS : Nous sommes le 8 mai, c'est un jour férié, SuperCureuil a peut-être d'autres choses à faire que de se pencher sur ton cas]