Discussion :

[tentsuken]

Bonjour,
Je travail sur un nouveau site et j'ai toujours quelques dificultées à rendre compatible mon css avec IE et FireFox. J'ai donc une bannière ( comportant plusieurs images ) que je voudrais paginer.

Voila une illustration pour comprendre mon problème en un coup d'oeil:
(voir pièce jointe )

Question:
Pourquoi jai une marge entre les images sous IE, comment resoudre sa ?
Pourquoi ma "grande image" va en dessous ?


Voici mon code 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
38
39
40
41
 
body { 
	margin: auto; 
	background-color:#000000;
	}
#global {
     position:absolute;
     left: 50%; 
     width: 760px;
     margin-left: -400px; /* moitié de la largeur */
     }
#Tete_Master{
	width:760px;
	height:130px;
	background:#006600;
	}
#Tete_1{
	background:url(Stunt/SourceGraphique/images/SITE_01.jpg);
	width:50px;
	height:130px;
	float:left;
}
#Tete_2{
	background:url(Stunt/SourceGraphique/images/SITE_02.jpg);
	width:123px;
	height:49px;
	margin-left: 50px;
 
}
#Tete_3{
	background:url(Stunt/SourceGraphique/images/SITE_05.jpg);
	width:123px;
	height:29px;
	margin-left: 50px;
}	
#Tete_4{
	background:url(Stunt/SourceGraphique/images/SITE_08.jpg);
	width:123px;
	height:52px;
	margin-left: 50px;
}

VOici mon code HTML :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<div id="global">
	<div id="Tete_Master">
     	<div id="Tete_1"></div>
     	<div id="Tete_2"></div>
        <div id="Tete_3"></div>
        <div id="Tete_4"></div>
        <div id="Tete_5"></div>
     </div>
</div>

Merci de votre aide,
Cordialement,
Tentsuken

[Bisûnûrs]

Mets tes div Tete_2 à 5 en float:left aussi.

[tentsuken]

ok merci ta trouver la solution