Discussion :

[johann91610]

Bonjour tout le monde!
Je voudrais vous faire part d'un petit soucie comme l'indique la rubrique ou je suis, j'ai un décalage de ma galerie photo sous internet explorer 7 mais sur Firefox tout est bien affiché.
Vous pouvez voir le résultat ici:
Firefox : http://johann91610.free.fr/probleme/firefox.JPG
Internet explorer: http://johann91610.free.fr/probleme/...t explorer.JPG

Merci d'avance et bonne continuation

[Bisûnûrs]

Dans tes <td> tu as :

Code :

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

width="120.0"

Mets juste :

Code :

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

width="120"

pour tous tes <td>.

[johann91610]

Malheureusement j'ai changé le code comme tu me la dis mais cela n'a pas marché, je ne vois pas du tout qu'est ce qui ne va pas dans ma source

[johann91610]

Enfaite je t'explique, pour créer ma galerie je me suis servis d'un logiciel qui s'appel Jalbum puis sa ma donné sa comme résultat:
http://johann91610.free.fr/probleme/jalbum.JPG
Ensuite j'ai voulu adapté le code pour pouvoir le mettre dans mon site, voici le css qui gère ma galerie photo si tu veux jeter un œil, je n'ai pas nettoyer les choses inutiles encore:

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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
 
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}
 
#lightbox a img{ border: none; }
 
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}
 
#imageContainer{
	padding: 10px;
	}
 
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	background-image: url(images/loading.gif);
	background-repeat: no-repeat;
	background-position: center;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
 
#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
 
 
#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}
 
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{
	width: 66px;
	float: right;
	margin: 1em;
	background-image: url(images/closelabel.gif);
	background-repeat: no-repeat;
	height: 22px;
}	
 
 
 
 
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
 
 
/* * * * * V 0.3 * * * * * /
/* html,body thanks to Torben - <a href="http://blog.schreiter.info/" target="_blank">blog.schreiter.info...</a> */
html, body {
	height:100%;
	min-height:100%;
}
 
 
	#imageContainer{
	padding: 10px;
	}
 
	a:link {
	text-decoration: none;
	color: #333;
	text-align: center;
	font-size: 14px;
}
 
.imageContainertable {
	font-size: 14px;
	color: #333333;
	text-align: center;
	font-style: normal;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
}
 
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #f78614;
}
a:active {
	text-decoration: none;
}
 
h1 {
	color: #333;
	font-size: 20px;
}

Merci