Discussion :

[nightcyborg]

bonjour a tous,

alors mon probléme, c'est que je n'arrive pas à faire en sorte de placer une image ou je veux. en fait, sous IE, elle va pile ou je lui dis d'aller, mais sous FF ben elle en fait qu'a sa tête.

voila ce que ça donne sous FF :
http://pix.nofrag.com/a/6/a/b92244f6...567a180b2d.jpg

et voila ce que ça donne sous IE :
http://pix.nofrag.com/3/0/7/e79f9ee9...55065344b5.jpg

voila 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
31
32
33
34
35
36
37
body
{
	background-color:#434343;
	background-image:url("../img/theBody_background.gif");
	background-repeat:repeat-x;
	margin:0px;
	text-align:center;
}
 
#theBody
{
	width:900px;
	height:600px;
	background-color:#434343;
	margin:auto;
	padding:0px;
}
 
#theDecoration
{
	position:absolute;
	width:900px;
	height:600px;
	background-image:url("../img/theMenu_decoration.png");
	background-repeat:no-repeat;
	margin:auto;
	padding:0px;
	z-index:10;
}
 
#theMenu
{
	background-color:#6f6f6f;
	width:100%;
	height:40px;
	margin:0px;
}

et voila mes bloques HTML :

Code :

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

1
2
3
4
5
6
7
8
9
 
<div id="theDecoration">
 
</div>
<div id="theBody">
     <div id="theMenu">
 
     </div>
</div>

donc voila, si quelqu'un à une solution, merci de m'aider.

[desert]

Ton div theDecoration est en position absolue sans spécification de son placement (pas de propriété top, left, right ou bottom).
Il va donc être placer automatiquement en 0,0 (du moins sur FF) car son parent est la balise body.
Pour régler le problème, il faut soit spécifier les propriétés top et left à ton div theDecoration, soit retirer sa position absolue et le placer dans le div theBody.

[nightcyborg]

ah ben merci, la deuxiéme soluce fonctionne nickel. j'avais déja vu pour l'utilisation de top et left, mais ça ne convient pas dans mon cas.

merci