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 :

#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;
}

<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 :

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

Faudra peut-être supprimer/modifier :

   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 ...

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 ...

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]

:roll:

-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 : https://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]

 

[rudddy]

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

c'est que je fais depuis 2 jours sans résultat (d'aiileurs avant de poster j'ai dû passer 1h30 sur ça ça m'a desespérer

Encore une fois : http://css.alsacreations.com/Faire-une- ... web-en-CSS

merci j'ai déjà regardé la bas ça ne m'aide pas : ce n'est pas parce que le titre de la page est le même que ça répond forcément à ma question.[/quote]

Ou encore : https://www.google.fr/search?hl=fr&q=cen ... cher&meta=

ouahh : webmaster hub est premier sur GG !!!

[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]

pour ça je suis d'accord ... je m'adressais aux atres personnes telles que moi qui passent leur jours fériés à bosser : travailler plus pour gagner plus