Comment centre l'ensemble du contenu d'un BODY ?

**vincent_l9f** · 23/02/2009, 16h50

Bonjour

Je suis en train de refaire la page d'accueil de mon site, tout en apprenant le CSS (ma page index était en effet à base de tableaux)

Je me suis inspiré de ce tutoriel (exemple III):

http://pbnaigeon.developpez.com/tuto...e-en-page-CSS/

(De plus, l'exemple III (3) correspond pile-poil à ce dont j'ai besoin pour ma page)

Gros problème: je voudrais centre le tout, c'est à dire l'ENSEMBLE de tout ce que j'ai dans le BODY, et je n'y arrive pas, que ce soit dans ma page index ou avec l'exemple du tutoriel

Est-ce que vous pouvez me dire comment faire avec l'exemple du tutoriel, je pense qu'après je devrais m'en sortir en l'appliquant pour ma page

Je vous remercie 1000 fois

PS: dans le cas ou ça serait simple, si vous pouvez carrément me dire comment faire pour ma page, je vous mets le code

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
<head>
 
<style type="text/css">
 
#menu {
	float: left;
	height: 775px;
	width: 180px;	
}
 
#menu_haut {
	height: 447px;
	width: 180px;
}
 
#menu_bas {
	height: 328px;
	width: 180px;
}
 
#contenu {
	height: 767px;
	width: 561px;
	float: left;
}
 
</style>
 
</head>
 
<body>
             <div id="intro">Contenu Texte Intro</div>
	<div id="menu">
  		<div id="menu_haut">Menu Haut</div>
  		<div id="menu_bas">Menu Bas</div>
	</div>
	<div id="contenu">Contenu Texte</div>
</body>

**Ceddoc** · 23/02/2009, 16h55

salut,

Il suffit de rajouter une div qui contiendra toutes les autres auquel tu applique le style suivant dans ton css:

Code :

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

1
2
3
div#tadivglobale{
margin:0 auto;
}

et ça devrait marché.

**Ethyde** · 23/02/2009, 16h58

Sans oublier de préciser le largeur (width )

**GihefBey** · 23/02/2009, 17h24

... et si tu veux que les vieux IE centrent aussi, ajoute un text-align: center; au style de body

-

**vincent_l9f** · 23/02/2009, 17h34

Déjà merci de vos réponses si rapides

Mais ça ne marche toujours pas

Voilà ce que j'ai fait:

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 
<head>
 
<style type="text/css">
 
#tot{
margin:0 auto;
width: 741px;
}
 
#menu {
	float: left;
	height: 775px;
	width: 180px;	
}
 
#menu_haut {
	height: 447px;
	width: 180px;
}
 
#menu_bas {
	height: 328px;
	width: 180px;
}
 
#contenu {
	height: 767px;
	width: 561px;
	float: left;
}
 
</style>
 
</head>
 
<body>
<div id="tot">
             <div id="intro">Contenu Texte Intro</div>
	<div id="menu">
  		<div id="menu_haut">Menu Haut</div>
  		<div id="menu_bas">Menu Bas</div>
	</div>
	<div id="contenu">Contenu Texte</div>
</div>
</body>

**Ethyde** · 23/02/2009, 17h57

Je viens de tester vite fait, et pas de problème de centrage chez moi en tout cas.

Comment centre l'ensemble du contenu d'un BODY ?

CSS

Vue hybride

Discussions similaires

Partager

Partager