Centrer 2 div sur la même ligne

Je cherche à centrer deux div sur la même ligne
je voudrai avoir un rendu comme si un float:center existait,

merci pour vos réponses

lolotlm

Est-ce que tu connais la largeur de tes deux div ?

non elles change selon les pages,
quand on mets plusieurs div en float: left, ils passent à la ligne quand ils n'ont plus de place, je voudrais reproduire la même chose en center

il n'y a pas moyen de centrer 2 blocs flottantes s'ils ont une largeur variable car ils sortent du flux normal. Dans le cas une taille connue, il suffit juste d'indiquer la somme les tailles des blocs fils sur le bloc conteneur ainsi que margin: 0 auto;.
Modifié par anthony (21 Feb 2005 - 16:01)

A ma connaissance (limitée), je ne connais pas de méthode pour centrer plusieurs éléments en même temps et simplement en CSS, si tu ne connais pas leurs dimensions.

Tu pourrais passer par un display: inline sur tes blocs, ce qui permettrait de les centrer facilement avec un text-align center sur le conteneur... mais cela aura beaucoup de répercutions (par exemple, une balise en-ligne n'a pas de width et height)

je vais faire autrement.
Merci pour vos réponses

lolotlm
Modifié par lolotlm (21 Feb 2005 - 16:28)

Moi j'aurai besoin d'une réponse pour le même problème.

J'ai un nombre de bloc variable (car dynamiques) que une page.
Ils ont en "float:left" afin d'être alignés.
Lorsque l'on est en 1024, c'est parfait, car ils tiennent tous en largeur.

Mais lorsque l'on diminue, le dernier passe sur la ligne du dessous à gauche (logique). Et cela n'est pas très esthétique.

Alors quelle solution pour centrer les blocs dans la pages ?
Ils ont une largeur fixe.

Je n'ai pas bien compris la solution d'anthony.
Et le display:inline à la place du float donne quelque chose de très bizarre sur le fond et les bordure du bloc.

Pour voir : elojump.com --> produits et services.
Modifié par johanna33 (08 Mar 2005 - 09:36)

johanna33 ce que tu demande en gros c'est que ces blocs aient un alignement à gauche tant que la place sur la ligne est suffisante puis que l'alignement passe en centré si quand un bloc passe à la ligne. Ce n'est pas ce que l'on peut appeler un comportement "normal" (ni logique) pour positionner un éléments, les seuls possibilités qui me viennent à l'esprit seraient en Javascript ou en Flash.

Non non, je ne demande pas qqch de si compliqué.

Je souhaite un comportement "normal" où les blocs seraient tjs centrés, ce qui permettrait une présentation plus esthétique lorsqu'un bloc passe en dessous.

La réponse s'appelerait display: inline-block. Mais faute de support suffisant dans les navigateurs actuels, elle n'est pas applicable.

Pour l'instant, tu ne pourras obtenir "simplement" ce centrage qu'avec des éléments en ligne.