Discussion :

[trotters213]

à tous.
Je souhaite faire un site respectant les normes du W3C donc pas de tableau pour centrer mon document. J'utilise donc une div.
Je suis allé voir dans la FAQ mais lorsque je l'utilise mon contenu n'est pas centré mais collé à gauche (à cause de text-align:left) donc soit il y a une erreur dans la FAQ soit c'est moi qui utilise mal quelque chose.
Autre problème : dans ma CSS j'utilise l'attribut width sur ma div afin de réduire le cadre à 756 pixels mais rien ne se passe non plus.
Que faire?

[trotters213]

Alors pour la largeur c'est simplement que j'avais oublié d'indiquer si c'était en pourcentage ou en pixel par contre pour la FAQ je sais toujours pas si c'est moi qui me trompe ou si c'est celui qui à créer le sujet de la FAQ.

[Invité]

Tu pourrais mettre ton code s'il te plait ?

[trotters213]

doc HTML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div id="centrer">
....
</div>

doc CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
    margin: 0px; 
    padding: 0px;
    text-align: center;
}
 
#centrer 
{
	background-color:#ededed;
	margin-left: auto;
    margin-right: auto;
    width: 756px;
    text-align: center;
}

[Invité]

Et qu'est-ce qui ne fonctionne pas ? C'est ok chez moi. Tu n'as pas oublié de mettre le lien vers ta page css entre les balises head ? :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link rel="stylesheet" type="text/css" href="page.css"/>

[fallais]

Ton texte est a gauche dans ton bloc mais tu veux que ton bloc soit centré cest ca ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
body {
font-family: Arial,sans-serif;
color: #333333;
line-height: 1.166;	
margin: 0px; 
padding: 0px;
}

#centrer {
background-color:#ededed;
margin-left: auto;
margin-right: auto;
width: 756px;
text-align: left;
}

et :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="centrer" align="center">

Non ?