Salut

Je sais que mon titre n'est pas super explicite mais j'ai rien trouvé de mieux. Voilà, je vous explique mon soucis :

J'aimerai centrer verticalement mon conteneur dans lequel j'ai plusieurs div. J'ai trouvé tout un tas de méthode sur le net, mais pas une qui fonctionnait quelque soit la résolution et le navigateur. J'ai finalement résolu mon problème en le mettant à l'intérieur d'un tableau d'un seule cellule (je sais pas propre mais les autres méthodes CSS n'étaient pas satisfaisantes).
Tout est Ok à partir du moment où mon conteneur a une hauteur fixe définie dans le CSS. Le problème c'est qu'un div à l'intérieur de celui ci peut s'agrandir et donc en quelque sorte "déborder". Du coup le centrage vertical de mon site est quelque peu foireux car le centrage se fait sur la hauteur fixe du conteneur (voir image1.gif)

Je me suis donc dis qu'en ne mettant pas de hauteur fixe à mon conteneur, il allait automatiquement s'adapter à la taille du div qui "déborde". Mais en fait ca ne fonctionne pas du tout ! Après avoir mis une bordure au conteneur pour voir comment il réagissait, je me suis aperçu qu'il s'adaptait uniquement à la taille du header qu'il contenait, mais que les 2 colonnes d'en dessous n'était pas vraiment incluses dedans, ce que je ne comprend pas. En effet les colonnes en questions sont positionnée en absolute par rapport au conteneur et ca fonctionne donc c'est bien qu'elles sont incluses dedans
Voir image2.gif pour se rendre compte. On voit bien qu'il continu à centrer par rapport à la taille du conteneur (en rouge), seulement le conteneur en question n'a pas la taille qu'il devrait avoir

Du coup je ne vois absolument pas comment faire

Voilà des morceaux de 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
<body>
<table width="100%" id="site">
	<tr><td align="center">
	<div id="conteneur">
		<div id="header">
		...
		</div>
		<div id="gauche">
		...
		</div>
		<div id="droite">
		...
		</div>
	</div>
	</td></tr>
</table>
</body>
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
body {
	background-color: #FFF5E2;
	background: url(images/fondabo.gif);
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #B41B14;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:11px;
	height:100%;
}
 
html {
	height:100%;
}
 
#site {
	height:100%;
	width:100%;
	text-align:center;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
 
#conteneur {
	width: 774px;
	height: 610px;
	position:relative;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	/*border: 2px solid #FF0000;*/
}
 
#header {
	height: 80px;
	margin: 0px 0px 0px 0px;
}
 
#gauche {
	position: absolute;
	width: 160px;
	/*height:530px;*/
	left: 0px;
}
 
#droite {
	position: absolute;
	width: 600px;
	/*height:530px;*/
	right: 0px;
	z-index: 2;
}
et l'url : http://www.magnificat.com/magnificat...ncais/abo1.asp

Merci à ceux qui pourront m'aider

Oluha