IE7 : Ma page est vide, alors que le code contient des choses

**mioux** · 10/11/2007, 15h22

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 :

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
 
<!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 :

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
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 ?

**blueice** · 12/11/2007, 10h17

Des espaces dans les adresses, dans le code, des accents,...

**mioux** · 12/11/2007, 10h20

En fait, non rien de tout ca, j'ai trouvé ce matin

IE n'aime pas ca

Code :

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

<script .... />

En le remplacant par

Code :

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

<script .....></script>

ca fonctionne nickel... J'ai mis ca par habitude de .net où, la plupart du temps il met un <asp:quelquechose></asp:quelquechose> et comme je sais que moi, je ne mettrai rien entre les 2 balises, je met un "/" pour le fermer, et ben là j'ai fais pareil pour la balise script

Merci

**blueice** · 12/11/2007, 10h26

Ben oui logique pour la balise, mais je vois pas pourquoi il n'affiche rien, à moins que le JS gère l'affichage...

**mioux** · 12/11/2007, 10h30

C'est simple, il s'agit d'une balise script qui ne se ferme pas... IE considère que tout ce qu'il y a jusqu'à la fin de la page est dans la balise script

En gros ca fonctionne sur tous les navigateurs sauf IE

PS : Non mon JS ne gère pas l'affichage, il y a ca dedans

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
function $(id)
{
    return window.document.getElementById(id);
}
 
function checkData()
{
    if($('txt_href').value == '')
	{
	    $('txt_href').style.border = '1px solid #FF0000;';
		$('txt_href').focus();
		return false;
	}
 
    if($('txt_libelle').value == '')
	{
	    $('txt_libelle').style.border = '1px solid #FF0000;';
		$('txt_libelle').focus();
		return false;
	}
}

IE7 : Ma page est vide, alors que le code contient des choses

HTML

Discussions similaires

Partager

Partager