[CSS 2] Problème d'alignement de div [Résolu]

[sp2308]

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 :

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 :

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...

[jreaux62]

Bonjour,

Envoyé par sp2308

Mon pb est que la div global

Laquelle ? tu as 2 <div class="global"> ...

Envoyé par sp2308

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

tu ne dis justement pas "où tu l'imaginais" ?
- "la" ou "les" ?
- en arrière-plan ?

[sp2308]

oui dsl...

c est la div la plus basse sur l image qui se positionne en fait au niveau de la croix et non en bas comme souhaité...

[NoSmoking]

Bonjour,
essaies

Code html :

1
2
3
<div class="global" style="bottom:0px; position:absolute">
  bottom
</div>

il existe http://css.developpez.com/galerie/?p...se-en-page#mp2

[sp2308]

merci pour ta réponse.

Je vais voir cette galerie ...

[Candygirl]

Hello,

Un petit style="clear:both" sur le div concerné résoudrait-il ton problème ?