IE7 : Ma page est vide, alors que le code contient des choses
Salut
Je me suis fais une page pour sauvegarder la liste des liens utiles que je connais, et je ne comprends pas pourquoi elle marche nickel sur firefox, et pas du tout sur IE7 (pas testé sur d'autres versions de IE)
Voilà le code source
Code:
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
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Gestion des liens</title>
<link rel="Stylesheet" type="text/css" href="index.css" />
<script language="javascript" type="text/javascript" src="index.js" />
</head>
<body>
<form method="post" action="index.php" onsubmit="javascript:return checkData();">
<div class="listeLiens">
<a href="http://www.example.com/" class="lien">Lien #1</a> <a href="index.php?suppr=10" class="suppr">[ suppr ]</a><br />
<a href="http://www.example.com/ " class="lien">Lien #2</a> <a href="index.php?suppr=11" class="suppr">[ suppr ]</a><br />
</div>
<div class="formulaire">
<input type="text" value="Libellé" id="txt_libelle" name="txt_libelle" class="texte" /><br />
<input type="text" value="Lien" id="txt_href" name="txt_href" class="texte" /><br />
<input type="submit" value="Ajouter" class="bouton" />
</div>
</form>
<div class="w3c">
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10-blue"
alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
</div>
</body>
</html> |
avec le code CSS suivant
Code:
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
| body
{
font-size:1em;
background-color:#A0A0A0;
}
a
{
text-decoration:none;
}
a:hover
{
}
a:visited
{
}
p
{
}
.formulaire
{
width:200px;
margin:auto;
line-height: 5px;
margin-bottom: 5px;
}
.w3c
{
width: 88px;
margin: auto;
}
.w3c img
{
border:0px;
}
.listeLiens
{
display:table;
width: auto;
margin: auto;
padding:3px;
margin-bottom:5px;
}
.lien
{
color:#0000FF;
}
.lien:hover
{
}
.lien:visited
{
color:#0000FF;
}
.suppr
{
color:#FF0000;
}
.lien:hover, .suppr:hover
{
border-bottom: 1px dotted;
}
.bouton
{
width:100%;
border:1px solid #000090;
background-color: #0080FF;
}
.texte
{
width:98%;
border:1px solid #000090;
margin-bottom:5px;
} |
Quelqu'un aurait une idée ?
