Centre le Body

Comment faire?

23 août 2006 à 23:46:00

Bonsoir,
Tout d'abord un gros gros merci à mateo (principalement) pour tout ce que j'ai appris grâce à ses fabuleux tutoriaux que j'ai déja mis en application (et j'en suis assez fière)

:
http://www.prekos.asso.fr/index_css.htm
Juste une petite question, pour centrer horizontalement ma page index à design fixe, comment je fais? J'ai ajouté la propiété align:center dans le style body mais ça ne marche pas. Dois-je tout mettre dans un grand tableau que je centrerai par la suite???
Merci de votre réponse

Suyu

23 août 2006 à 23:49:35

margin: auto;
Ne marche pas sous Internet Explorer pour l'instant (pour la version 7 je ne sais pas)

Anonyme

23 août 2006 à 23:49:57

Salut,

Tu dois utilise la proriétée CSS :

margin: auto;

EnYB0La

24 août 2006 à 0:04:04

position: relative;
margin-left: auto;
margin-right: auto;

k1mpeR

24 août 2006 à 0:29:43

Regarde dans la FAQ.

msg_dracula

24 août 2006 à 0:53:11

Il y a une autre solution :

body
{
left : 50% ;
margin-left : -450px ;
}

Le principe est décaler le bord gauche et le placer au milieu de l'écran, ensuite vous décalez via une marge négative égale a la moitié de la largeur totale du site.
Dans cet exemple 450px pour une largeur totale de 900px.

EnYB0La

24 août 2006 à 2:30:19

Cela revient au même par rapport à ce que j'ai écris plus haut.

Bilbou

24 août 2006 à 11:36:12

Chu !

Tu appliques tout simplement ceci :

body
{
width: 760px; /*Ou ce que tu veux, du moment qu'une largeur soit présente*/
margin: auto;
}

Compatible IE 6, FF, Opéra et tout et tout...

lacanadienne

24 août 2006 à 11:52:57

Merci tout le monde mais dans toutes les solutions proposées, aucune ne fonctionne et je pense savoir pourquoi: dans les styles css pour chacune de mes colonnes (#gauche #centre #droite) j'ai mis float: left et position absolue: une valeur en pixels.
Si dans le style Body, je demande à ce que la page soit centrée, cela va à l'encontre des valeurs en position absolue de chaque colonne.
N'est-ce pas??

PS C'est en posant des ?? qu'on trouve parfois ses réponses

Bilbou

24 août 2006 à 12:15:56

C'est certain que si tu utilises le positionnement absolu, ça va tout fausser ! :-°

Peeteur

24 août 2006 à 20:55:25

Salut,
moi ce que je fais c'est que je met ce code :

body{
text-align:center;
}

Et que juste après avoir ouvert <body> j'ouvre une balise <div> qui avec le CSS :

div#main{
width:800px;
text-align:left;
}

Le code margin:auto ne marchait pas sous IE 7

Un exemple sur mon site : http://prog.peeteur.atomysk.com/

Centre le Body

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.

× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.

Centre le Body

Comment faire?

Centre le Body

Supprimer

Modérer

Signaler le message aux modérateurs