Discussion :

[hedgehog]

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 ):




Sous IE ( qui pose probléme ):




Plan des blocks :


Voici la partie du code CSS concernée :

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

[spitou_77]

Je ne vois pas bien le problème sur les images mais si c'est juste un repeat de l'image de fond, il suffit dans le css d'indiquer no-repeat;

CSS:

Code :

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

1
2
3
4
5
6
#accueil_menu {
	background-image:url(images/accueil_menu.jpg) no-repeat;
	width:800px;
	height:35px;
	float:none;
}

[hedgehog]

J'ai essayé un no-repeat mais ca ne régle pas le probléme.

j'ai reposté deux images ciblants mieux le probléme.

[Candygirl]

Code :

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

1
2
3
4
 
#accueil_1 {
	height:8px;
}

IE n'accepte pas de donner une hauteur inférieure au line-height à un div. 2 idées pour le forcer à prendre en compte ton height:

• lui donner un font-size de 0
• lui attribuer un overflow:hidden

[hedgehog]

Merci de vos réponses

Merci CandyGirl, tu me retires une sacrée épine du pied

Résolu