3 messages

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

CSS

Hebus CyberTroll

le 05 Oct. 07 à 00h50

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 :

Code :

#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!

ContreMaitre

le 05 Oct. 07 à 09h18

ç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

3 messages

Vous devez être connecté pour écrire un message !

Centrer des div en position float

Sujets Similaires: