centrer un site [Fait]

**line86** · 06/08/2008, 15h35

Bonjour,

J'ai testé beaucoup de codes que je trouvais sur le net mais sans résultats...
Voila le principe de mon site:

en tete
_____________
Menu | corps
_____________
pieds page

Tout d'abord j'essaye de centrer mon site internet.

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
111
112
113
 
/*CSS*/
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color:darkred;
}
 
#conteneur{
	font-family: "Comic Sans MS" ,"Arial Black", Arial, Verdana, "sans-serif";
	font-size: 12px;
 
	width:1100px;
	height: 95%;
 
	margin-left: auto;
  margin-right: auto;	
	text-align: left;	
}
 
#enTete {
	width: 1000px;
	height: 100px;
 
	margin-bottom: 10px;
 
	padding-left:10px;
	padding-right:20px;
	padding-bottom:10px;
 
	border: 2px ridge black;
	background: white;
}
 
#menu {
	float: left;
	width: 340px;
	height: 95%;
 
	border: 2px ridge #9933CC;
 
	margin-right:10px;
	margin-bottom:10px;
 
	padding-top:5px;
	padding-left: 10px;
	padding-right:10px;
 
	overflow: auto;
	background: white;
}
 
#corps{
	width: 635px;
	height: 85%;
 
	border: 2px outset #669999;
	border-collapse: collapse;
 
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
 
	overflow: auto;
	background: white;
}
 
#piedsPage {
	clear: both;
	font-size: 14px;
	width: 1000px;
 
	padding-top: 5px; /*marge interieur */
	padding-bottom: 5px; /*marge interieur */
 
	text-align: center;
	border: 2px ridge black;
	background: white;
}
 
/* Page d'acceuil */
<!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=iso-8859-1" />
		<link rel='stylesheet' media='screen' type='text/css' href='style.css'>
	</head>
<body>
 
<div id="conteneur">
 
	<div id='enTete'>
		<?php include("enTete.php"); ?>
	</div>
 
	<div id='menu'>
		<?php include("menu.php"); ?>
	</div>
 
	<div id='corps'>
		<?php include("presentation.html"); ?>
	</div>
 
	<div id='piedsPage'>
		<?php include("piedsPage.php"); ?>
	</div>
 
</div>
 
</body>
</html>

Mais maintenant je souhaite que mon menu et le corps possede la meme taille mais en % pour que ca puisse s'adapter à la résolution.

Et quand j'essaye de changer les différents width, pour mettre des %, le "corps" glisse sous le menu(le menu est en float)

Merci pour vos réponses

**Auteur** · 06/08/2008, 16h08

bonjour,

il faut rétablir le flux après ton div menu. Essaye ceci :

Code html :

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

1
2
3
4
5
 
	<div id='menu'>
		<?php include("menu.php"); ?>
	</div>
        <hr style="clear:both; visibility:hidden" />

tu peux également regarder ce tutoriel :
http://css.developpez.com/tutoriels/...issement-flux/

**line86** · 07/08/2008, 21h56

Merci pour ta réponse mais,
Il me semble que le flux est retablit grace a la ligne

Code :

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

1
2
3
4
5
 
#piedsPage {
 clear: both;
 ...
}

Je n'arrive toujours pas a attribuer la longueur de mes deux colonnes, corps et menu, en fonction de la resolution de l'ecran

Des que j'essaye de mettre des %, le corps glisse sous le menu(je pense que c'est quand la largeur du body n'est pas assez grande pour positionné les deux colonnes cote a cote, mais c'est pour ie7 ca) ou mes deux colonnes n'ont pas une taille fixe

Merci pour votre aide

centrer un site [Fait]

Centrer un élément en CSS

Vue hybride

Discussions similaires

Partager

Partager