28220 sujets

CSS et mise en forme, CSS3

Problème de centrage blocs <div>

Bonjour,

alors j'ai un problème concernant le centrage de plusieurs blocs <div>.

J'ai pris connaissance du tutorial disponible mais n'ai pas réussi à obtenir un centrage visible sur Firefox et IE.

voici le lien où se trouve la page et son style CSS.

http://zerocide.free.fr/lycee_m2n/

Je voudrais que tous les éléments soient centrés. Si vous avez une idée...

Merci
Tout d'abord, tu peux créer un conteneur de la façon suivante :
<body>
<div id="conteneur">

<!-- ton code d'en ce moment -->

</div
</body>

En toute théorie, si IE n'existait pas (rêve) il faudrait attribuer le style suivant
div#conteneur { margin-left: auto; margin-right: auto; }

Mais... le support des marges automatiques est bogué dans IE (y compris le 6). Il y a alors une autre méthode :
div#conteneur {

position: absolute;
top: 0; left: 50%;
margin-left: -350px; /* -1 fois la moitié de la largeur de ta page; */

}

Et voilà ! Ça marche bien, c'est ce que j'emploie généralement Smiley cligne
Tu parles de ce Tutorial ?

En fait à mon avis le problème vient de tes positionnements en absolute.

Tu devrais essayer la méthode de centrage citée en bas de l'article que j'ai donné au-dessus, en ne gardant que la partie du centrage horitontal en commencant par rajouter un div global qui englobe les autres, chose que je ne vois pas présentement ^^

edit : Grillé par fwed, je parlais de la derniere de ses solutions ^^
Modifié par tyx (14 Jun 2005 - 17:39)
Sujet clos
Aller à