[Div] Différence d'interprétation FireFox/IE
Bonjour tout le monde,
J'aurais encore une fois besoin de vos lumiéres concernant une disposition en <div>.
Sous FireFox, tout se passe bien, le probléme vient de IE : une répétition d'une image en background fait son apparition dans un <div> (#accueil_1) alors qu'il n'y a pas lieu d'être.
Voici 3 images qui vous expliqueront mieux le probléme :
Sous FireFox ( ce que je veux ):
http://img523.imageshack.us/img523/5063/decoupffrv3.jpg
http://img524.imageshack.us/img524/8151/decoupffwg7.jpg
Sous IE ( qui pose probléme ):
http://img524.imageshack.us/img524/1876/decoupiecq2.jpg
http://img153.imageshack.us/img153/6363/decoupiefr3.jpg
Plan des blocks :
http://img98.imageshack.us/img98/6337/planzs1.jpg
Voici la partie du code CSS concernée :
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
| #conteneur {
width:820px;
height:712px;
margin-left:auto;
margin-right:auto;
}
#banniere {
background-image:url(images/banniere.jpg);
width:820px;
height:159px;
float:none;
}
#accueil_laterale_gauche_haut {
background-image:url(images/accueil_laterale_gauche_haut.jpg);
width:10px;
height:43px;
float:left;
}
#block_menu {
width:800px;
height:43px;
float:left;
}
#accueil_1 {
background-image:url(images/accueil_1.jpg);
width:800px;
height:8px;
float:none;
}
#accueil_menu {
background-image:url(images/accueil_menu.jpg);
width:800px;
height:35px;
float:none;
}
#accueil_laterale_droite_haut {
background-image:url(images/accueil_laterale_droite_haut.jpg);
width:10px;
height:43px;
float:left;
} |
Auriez-vous une idée de ou vient le probléme ?
Merci d'avance.
