Centrage de site

**koukic11** · 20/01/2010, 10h44

bonjour

j'aurais besoin de votre aide. je ne sais pas si c'est possible, je cherche mais je ne trouve pas ...

je cherche à centrer mon site sur le navigateur au lieu d'être "collé" à gauche, comme par défaut.

est-ce possible déjà ?

je vous file mes codes sources pour exemple

Fichier PHP

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
<!DOCTYPE html PUBLIC "–//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1–strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
	<head>
		<title>test</title>
		<meta http–equiv="Content–Type" content="text/html; charset=utf–8" />
		<link rel="stylesheet" media="screen,print,handheld" type="text/css" title="test" href="css/standard.css" />
	</head>
	<body>
		<div id="wrapper"> 
			<div id="en_tete_banniere">
				<img src="images/bandeaux/bandeau_accueil.jpg" alt="" />
			</div>
			<div id="menu_horizontal">
				<?php include("menu_hor.php"); ?>
			</div>
			<div id="menu_gauche">
				<img src="images/photo_accueil.jpg" alt="" />
			</div>
			<div id="contacts">
				<img src="images/contacts.jpg" alt="" />
			</div>
			<div id="corps_exemple">
 
			</div>
			<div id="menu_droite1">
				<img src="images/recherche.jpg" alt="" />
			</div>
			<div id="menu_droite2">
				<img src="images/espace_membre.jpg" alt="" />
			</div>
			<div id="menu_droite3">
				<img src="images/horaires.jpg" alt="" />
			</div>
			<div id="menu_droite4">
				<img src="images/tuteurs.jpg" alt="" />
			</div>
			<div id="pied_de_page">
 
			</div>
		</div>
	</body>
</html>

Fichier 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
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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
body
{
	text-align : center; 
}
 
#wrapper
{
	text-align : left;
	width: 970px;     
	margin: auto;    
}
 
#en_tete_banniere
{
	height: 177px;
	width: 970px;
	/*position: absolute;*/
	top: 0px;
	left: 0px;
}
 
#pied_de_page
{
	height: 22px;
	width: 970px;
	/*position: absolute;*/
	top: 692px;
	left: 0px;
	background-image: url("../images/pied_page/pied_page.jpg");
	background-repeat: no-repeat; 
}
 
a img
{
   border: none; /* Pas de bordure */
}
 
#menu_horizontal
{
	height: 19px;
	width: 970px;
 
	top: 177px;
	left: 0px;
}
 
#corps_exemple
{
	height: 496px;
	width: 571px;
	/*position: absolute;*/
	top: 196px;
	left: 182px;
	background-image: url("../images/corps_exemple.jpg");
	overflow: auto;
}
 
#menu_gauche
{
	height: 452px;
	width: 182px;
	/*position: absolute;*/
	top: 0px;
	left: 0px;
}
 
#contacts
{
	height: 44px;
	width: 182px;
	/*position: absolute;*/
	top: 648px;
	left: 0px;
}
 
#menu_droite1
{
	height: 46px;
	width: 217px;
	position: absolute;
	top: 196px;
	left: 753px;
}
 
#menu_droite2
{
	height: 126px;
	width: 217px;
	position: absolute;
	top: 242px;
	left: 753px;
}
 
#menu_droite3
{
	height: 179px;
	width: 217px;
	position: absolute;
	top: 368px;
	left: 753px;
}
 
#menu_droite4
{
	height: 145px;
	width: 217px;
	position: absolute;
	top: 547px;
	left: 753px;
}

Pour l'instant, j'arrive à centrer le bandeau, le menu horizontal, le menu gauche et contacts. ensuite, c'est le corps même et les 4 menus de droite qui merdent. que dois-je faire ? à part me jeter ???

Merci d'avance.

Centrage de site

Centrer un élément en CSS

Mode arborescent

Discussions similaires

Partager

Partager