CSS verrouillage question

Bonjour,

voici mon code css:

Code:

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
 
 
 
 
#haut{ 
	padding: 10px 0px 0px 0px;
	/*border-bottom: 3px solid red;
	border-top: 3px solid red;
	border-left: 3px solid red;
	border-right: 3px solid red;*/
 
	border: 3px solid blue;
 
	height: 65px;
	width: 100%;
}
 
#gauche{
	float: left;
	width: 10%;
	border: 3px solid green;
	height: 500px; 
}
 
#centre{
	float: left;
	width: 80%;
	border: 3px dashed pink;
	height:500px;
}
 
#droit{
	float:right;
	width:8%;
	border: 3px solid blue; 
	height:500px;
}
 
#bas{
padding: 10px 0px 0px 0px;
	clear: both;
 
	border: 3px solid blue;
 
	height: 65px;
	width: 100%;
}

Est-il possible de verrouiller les dimensions de "gauche", "droite",... car lorsque j'ajoute le menu les composants ne restent pas en place. L'image fait référence à la disposition voulue.

http://img226.imageshack.us/img226/2...nstitretw6.jpg

Merci d'avance.

Flames