Discussion :

[Arnaud-l67]

Bonjour,

J'ai un blog hébergé sur Blogspirit.

J'ai essayé de changer la présentation et modifié la feuille de style en ce sens. Je pars de la feuille existante, où la présentation générale fonctionne, mais c'est après personnalisation que les choses clochent. Je ne vois pas trop où j'ai fait une erreur. Il semble que sous Internet Explorer la partie textuelle à gauche se retrouve repoussée vers le bas avec une grande "marge" blanche la précédent.

Sur mac, Firefox et Safari, il n'y a pas de problème. Je ne sais pas trop ce que je dois changer dans la css pour que cela fonctionne correctement sur IE.

Le site est là : http://leblogdearnaudlehmann.blogspirit.com
La feuille de style est là : http://leblogdearnaudlehmann.blogspirit.com/style.css

Du moins le problème doit être au début de cette dernière :

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
165
166
167
 
body {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	word-spacing: normal;
	text-align: center;
	background : #F1F1F1 url("http://leblogdearnaudlehmann.blogspirit.com/images/divers/stripes6.png") repeat;
}
 
#container {
	width: 980px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	text-align: left;
	background-color: #FFFFFF;
}
 
.container-decorator2 {
	background-color : #fff;
}
.container-decorator4 {
	padding: 0px 0px 100px 0px;
}
 
#left {
	width:200px;
	float : left;
margin-left : 580px;
	background-color : #070248;
	color : #000;
}
 
#right {
	width:200px;
	float: right;
	background-color : #070248;
}
 
#right .boxcontent-decorator1{
	padding: 0px 16px 0px 16px;
}
#right .box-decorator2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
 
#center {
margin-top : 0; padding-top :0;
	overflow: hidden;
background-color: #fff;
}
 
#banner {display: none;
	width: 915px;
	height: 175px;
	background-color:#fff;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image: url(<a href="http://www.blogspirit.com/graphics/design/preview/set27/b98125/banniere.gif);" target="_blank">http://www.blogspirit.com/graphics/d...banniere.gif);</a>
	background-repeat: no-repeat;
	}
 
#banner h1 {
	padding: 78px 40px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 190%;
	text-align: right;
}
 
#banner h2 {
	color:#fff;
	font-size: 110%;
	width: auto;
	padding: 10px 40px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: right;
}
 
#banner a {
	color: #fff;
	text-decoration: none;
}
 
#banner-img {    	
	background: #ff9900;
	width : 398px;
	float : right;
    border-left	: 1px solid #ffb240;
border-bottom: 1px solid #ffb240;
	}
 
div.img-link a {
  display : block;
	text-decoration: none;background: #ff9900 url("http://leblogdearnaudlehmann.blogspirit.com/images/divers/ban4.png") no-repeat ;
    	height : 399px;
	}
 
.nowrap {
	white-space: nowrap;
}
 
.content {
	padding: 0px 0px 0px 10px;
margin-top : 0px;
	float: left;
	font-size : 75%;
	width: 520px;
	background-color: #fff;
}
.content p {
}
.content p.posted a {
	color: #b98125;
	font-weight: normal;
}
.content p.posted a:hover {
	color: red;
	text-decoration: underline;
	font-weight: normal;
}
 
.content h2 {
	text-align : right;
color : #FF9900;
font-family : Tahoma, serif;
	margin: 0px 5px 3px 0px;
	padding: 10px;
	font-size: 110%;
	font-weight: bold;
border-bottom : 2px solid #FF9900;
}
.content h2.date {
	text-align : right;
color : #000;
font-family : Tahoma, serif;
	margin-top :6px;
	padding: 3px;
	font-size: 1.5em;
	font-weight: bold;
border-bottom : 2px solid #FF9900;
border-right : 2px solid #FF9900;
}
.content h2 span {
	display:block;
    margin: 0px 0px 0px 0px;
}
 
.content h3 {
	color:#FF9900;
	height: 27px;
	margin: 5px 0px 0px 0px;
	padding: 05px 0px 0px 0px;
	font-family : Tahoma, serif;
	font-size: 1.5em;
	font-weight: bold;
	background-repeat: no-repeat;
 
}
.content h3 span {
	padding: 0px 0px 0px 0px;
}
.content h2.date span {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

Si quelqu'un pouvait me dire ce qui cloche...

Merci par avance,

[Er3van]

Si tu pouvais nous dire ce que tu as changé ça pourrait aider, ou si tu pouvais fournir un code HTML simplifié on pourrait tester....

Ceci étant, si ça ne bug QUE sur IE6, ça vient surement du fait que ton contenu dépasse la taille de ton conteneur. A voir. Et les margin ne sont pas pris en compte tout à fait pareil sous IE...

[veevee]

Bonjour,

je viens de vérifier avec FF2 et IE6... rien de ce que tu décris

Tu cours après une faute de script qui est sans doute ailleurs.

Méfies-toi de ton cache IE


@+

[Arnaud-l67]

Bonjour,

En fait j'ai réglé le problème hier soir à force de bidouiller de ci et de là. Un ou 2 autres détails encore à revoir, mais c'était le problème le plus compliqué.

Je n'ai pas de problème de cache explorer, personnellement je suis sous Mac, j'utilise Safari et Firefox. Je suis rarement sur PC et pour tester sur Internet Explorer... Résultat, je suis obligé de tâtonner.