Discussion :

[suckthewindow]

Bonsoir a tous !!!
Je decouvre les joies de la non compatibilites de Firefox et IE ... j'ai la css suivante :

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
 
html{height: 100%;} 
 
body{
	background: #fff url(../images/main-bg.png) repeat-x 0 100px;
	font:14px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; 
	color:#7D7D7D;
	padding:0; 
	margin:0;
	text-align: center; /* for IE */
}
 
#container{
	position: relative;
	width: 1280px; 
	margin: 0 auto;
}
 
#header {
	height: 120px;
	position: relative;
	top: 100px;
	width: 1024px; 
	margin: 0 auto;
	background: url(../images/header.png) top left no-repeat;
}
 
 
#content {
	margin-left: auto; margin-right: auto;
	position: relative;
	top: 22px;
	text-align: left;
	padding: 20px 0px 20px 150px;
	background:url(../images/cote.png)  top left repeat-y;}
 
}
#footer{
	height:120px; 
	width: 1280px; 
	position: relative; 
	background:url(../images/footer.png)  top left no-repeat;
}
#footer img {
	border: 0 !important;
}

la visu sur IE et sur Firefox est approximativement identique sauf pour

Code :

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

1
2
 
	top: 22px;

de la div #content !!

si je la mets a 22 -> IE ok mais le header est trop bas pour Firefox
si je met 32 -> Firefox ok mais bando trop haut pour IE

Une idee ?? J'essaie desesperement de faire de la css propres mais c'est vraiement trop compliqué !

merci jerome

[Macmillenium]

Bonjour,

Mets les valeurs de top et left à 0 et utilise margin pour déplacer les éléments.