Bonjour

Puisqu une image vaut souvent mieux qu un long dscours voici mon pb :


Mon pb est que la div global, en bas se positionne à l emplacement de la croix rouge et non là où je l imaginais.

Mon 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
<div id="Top"><div class="global" >logo</div></div> 
 
 
	<div class="global" style="top:20px">
		<div id="box_menu" >
			menu
		</div>
		<div id="box_page">
			page
 
		</div>
 
	</div> 	
	<!---->
<div class="global" style="top:20px">
 bottom</div>
mon 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
body {
	margin: 0;
	padding: 0;
	font: 12px/1.5 verdana, arial, helvetica, sans-serif;
	}
.global {
	margin: 0 auto; 
  	width:965px;
  	position:relative;
  	background-color:orange;
  	}
 
#Top {
	background-color:#282828;
	position:relative;
	height:80px;
	}
#box_menu {
	position:relative;
	float:left;
	width:220px;
	background-color:lime;
}
#box_page {
	position:relative;
	float:right;
	width:725px;
	background-color:fuchsia;
 
}
merci pour votre aide...