Forum Clubic

Centrer des div en position float

Salut,

Je souhaiterai avoir deux div (ca pourrai marcher avec plus) d’une largeur par exemple de 40% de la page, qui soient centrées horizontalement, c’est à dire avoir la meme marge a gauche, au milieu et à droite.
Le problème c’est que margin: auto ne fonctionne pas sur des éléments flottant.
Comment faire alors?

merci

yop,

pour centrer facilement une page web tu as une astuce qui marche aussi bien sous IE que Firefox : fais un div conteneur de tes autres div que tu positionne en absolute à une certaine distance d’un bord puis que tu ramenes au centre avec un maggin negatif. Petite illustation :

#contener{
left:50%;
margin-left:-45%;
width:90%;
}

ici la page fait 90% d’épaisseur et laisse 5% de marge à droite et à gauche. Tu peux ensuite facilement positionner tes deux autres div à l’interieur.

En espérant t’avoir été utile!

ça fonctionne, à condition de préciser l’attribut “position”. (sous firefox en tout cas).
J’ai mis position: absolute.

Sinon apparemment l’attribut left n’a pas d’effet, et tout est décalé sur la gauche en dehors de la page à cause du margin-left négatif.

Merci en tout cas, c’est une bonne idée.
Edité le 05/10/2007 à 09:18