Discussion :

[rems033]

Salut à tous, j'ai un nouveau souci de compatibilité entre FF et IE7
Si vous regardez cette adresse sur FF, no soucy.
Par contre, regardez cette même adresse avec IE7, il y a décalage de la background-image vers la droite.
J'ai pourtant bien mis les overflow hidden !
Voici le source du CSS associé!

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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
 
#news_container {
 clear:both;
 width:900px;
 padding:0px;
 margin:0px;
 overflow:hidden;
}
#news_titles {
 float:left;
 width:280px;
 padding:0px;
 margin:0px;
 overflow:hidden;
}
#news_content {
 float:left;
 width:560px;
 padding:0px;
 margin:0px;
 text-align:left;
 overflow:hidden;
}
#news_titles_header {
 width:280px;
 height:22px;
 padding:0px;
 margin:0px;
 background-image:url(../images/news_07.jpg);
 overflow:hidden;
}
#news_titles_content {
 width:280px;
 height:401px;
 padding:0px;
 margin:0px;
 background-image:url(../images/news_11.jpg);
 background-repeat:repeat;
 overflow:auto;
}
#news_titles_content p {
 padding-left:34px;
}
#news_titles_footer {
 width:280px;
 height:20px;
 padding:0px;
 margin:0px;
 background-image:url(../images/news_22.jpg);
 overflow:hidden;
}
#news_content_header {
 width:560px;
 height:22px;
 padding:0px;
 margin:0px;
 background-image:url(../images/news_09.jpg);
 overflow:hidden;
}
#news_content_contenu {
 width:560px;
 height:401px;
 padding:0px;
 margin:0px;
 background-image:url(../images/news_13.jpg);
 overflow:auto;
}
#news_content_footer {
 width:560px;
 height:20px;
 padding:0px;
 margin:0px;
 background-image:url(../images/news_23.jpg);
 overflow:hidden;
}
#news_spacer_central {
 float:left;
 width:28px;
 padding:0px;
 margin:0px;
}
#news_spacer_central_header {
 width:28px;
 height:22px;
 padding:0px;
 margin:0px;
 background-image:url(../images/news_08.jpg);
 overflow:hidden;
}
#news_spacer_central_content {
 width:28px;
 height:400px;
 padding:0px;
 margin:0px;
 background-image:url(../images/news_12.jpg);
 overflow:auto;
}
#news_spacer_central_footer {
 width:28px;
 height:21px;
 padding:0px;
 margin:0px;
 background-image:url(../images/news_20.jpg);
 overflow:hidden;
}
#news_spacer_right {
 float:left;
 width:32px;
 padding:0px;
 margin:0px;
}
#news_spacer_right_header {
 width:32px;
 height:22px;
 padding:0px;
 margin:0px;
 background-image:url(../images/news_10.jpg);
 overflow:hidden;
}
#news_spacer_right_content {
 width:32px;
 height:400px;
 padding:0px;
 margin:0px;
 background-image:url(../images/news_14.jpg);
 overflow:auto;
}
#news_spacer_right_footer {
 width:28px;
 height:21px;
 padding:0px;
 margin:0px;
 background-image:url(../images/news_21.jpg);
 overflow:hidden;
}
#header_news {
 width:255px;
 margin:0px;
 padding:0px;
 text-align:left;
}
#header_news_header {
 width:255px;
 height:11px;
 margin:0px;
 padding:0px;
 background-image:url(../images/news_15.jpg);
 overflow:hidden;
}
#header_news_content {
 width:255px;
 margin:0px;
 padding:0px;
 background-image:url(../images/news_17.jpg);
 overflow:hidden;
}
#header_news_footer {
 width:255px;
 height:10px;
 margin:0px;
 padding:0px;
 background-image:url(../images/news_18.jpg);
 overflow:hidden;
}

Merci pour votre aide précieuse !

[Erwan31]

Bonjour,
désolé je ne répondrai pas à ta question mais la structuration actuelle excessive
via des div et la dépendance au pixel prés du design est la porte ouverte à des
différences de ce type parfois difficilement anticipables.
Donc essayes de repenser ta structuration en simplifiant autant que possible
ce qui peut l'être

[rems033]

et quel est la difference avec des tableaux alors?
pcq d'après ce que j'ai pu lire dans de nombreux forums, l'utilisation des div est préconisé pour la plupart d'ou mon implementation
Les tableaux sont-ils plus lisibles, vraiment?

[Erwan31]

et quel est la difference avec des tableaux alors?
pcq d'après ce que j'ai pu lire dans de nombreux forums, l'utilisation des div est préconisé pour la plupart d'ou mon implementation
Les tableaux sont-ils plus lisibles, vraiment?

Non et les tableaux ne sont de toute façon pas fait pour faire de la mise en page.
Ils alourdissent le code et rendent plus difficile sa lecture.
Dans le cas de tableau imbriqués (le pire) cela ralenti l'affichage du contenu et plus particulièrement sous IE, c'est préjudiciable pour l'accessibilité le poids du code etc.
Mais ne pas tomber dans l'excès inverse, les tableaux de mise en forme bien linéarisé sont parfois nécessaires quand ce n'est pas possible autrement.

Donc restes sur tes div mais simplifies tout ça.