Bonjour,

voici ma page web :
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
	<title>TEST</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<style type='text/css'>
body{
min-width: 650px;
margin:0;
padding:0;
border:none;
font-family:Arial,helvetica,sans-serif;
color:black;
font-size:0.8em;
background-color:#ebecf6;
}
 
#corps{
background-color:white;
color: black;
margin: 0;
padding: 5px 15px;}
 
 
.spacer { 
margin:0;
padding:0;
clear: both; 
} 
 
.spacer hr{     
  display: none; 
}
 
 
.corpsBloc{
margin:0;
padding: 0;
}
 
.blocDiv{
margin: 0.5em 0;
}
 
 
.blocTab{
clear: both;
float:left;
margin: 5px 0px 10px 5px ;
padding:0;
background-color:yellow;
color:white
}
 
.blocTabEnt{
padding: 4px 2px 2px 2em;
font-weight:bold;
}
 
table{
padding:0;
margin:2px;
font-size:0.9em;
border-collapse:collapse;
border:none;
background-color:red;
color:blue}
 
th{
font-weight:bold;
background-color:red;
color:white;
font-weight:bold}
 
th, td{
border:2px solid white;
text-align:center;
padding:0.1em 0.9em;
margin:0}
 
tr{background-color:green;}
	</style>
 
</head>
 
<body>
 
	<div id="corps">
		<div class="corpsBloc">
 
			<p>salut les loulous</p>
 
			<div class="blocTab">
				<div class="blocTabEnt">MON TABLEAU</div>
				<table>
					<thead>
						<tr>
							<th rowspan="2">aaa</th>						
							<th colspan="5">bbb</th>
						</tr>
 
						<tr>
							<th>1</th>
							<th>2</th>
							<th>3</th>
							<th>4</th>
							<th>5</th>
						</tr>
					</thead>
 
					<tbody>
						<tr>
							<td>a</td>
							<td>b</td>
							<td>c</td>
							<td>d</td>
							<td>e</td>
							<td>f</td>
						</tr>
					</tbody>
				</table>
			</div>
 
			<div class="spacer"><hr/></div>
		</div>
	</div>
 
</body>
</html>
J'ai un bug sous IE6, lors de la première ouverture de ma page web le texte "salut les loulou" n'apparait pas : il est présent mais est invisible. C'est comme s'il était de la même couleur que le fond de la page.
Après si j'appuie sur la touche F5, il apparait => si j'appuie encore plusieurs fois sur F5, de tant en temps il re-disparait ...

si je remplace la ligne
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<div class="spacer"><hr/></div>
par
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<div class="spacer"><hr/></div><!---->
le bug disparait


=> de quoi vient le problème ? suis-je obligé de mette "<!---->" de partout pour résoudre le problème ?

remarque : pour tester sous IE6, j'utilise le logiciel IETester 0.4.2 donc je ne sais pas si le problème existe si on utilise IE6 sans passer par ce logiciel. Quelqu'un peut me dire s'il a le problème svp ?

merci d'avance