Je savais que IE n'aimait pas Firefox..

**10-nice** · 07/08/2006, 16h44

...mais à ce point là...
j'ai ce petit bout de code tout ce qu'il y a de plus normal

Code :

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

<a href="http://www.mozilla-europe.org/fr/products/firefox/" target="_blank"><img src="../images/getfirefox.gif" alt="" /></a>

L'afichage pose un petit soucis mais ca avec IE on a l'habitude, mais en survolant le lien... il disparait et... IE plante et se ferme (avec les pls plates excuses habituelles de MS...)

L'exemple en ligne : http://goonzu.free.fr

Quelqu'un comprend ce qui se passe ?

**Borus** · 07/08/2006, 17h26

EDIT: Oups après quelque test de plus, j'ai dis une grosse bêtise pardon c'est pas ce que je pensais.

En tout cas le problème vient pas de ton lien. Lui il me semble nikel (oublie pas la valeur du "alt").
Faudrait regarder du côté du javascript peut être.

**Linaa** · 07/08/2006, 22h46

C'est vraiment bizarre
Le problème ne vient pas uniquement du lien avec Mozilla

Quelque soit le lien survolé, IE plante...
Tu utilises uniquement du CSS pour l'affichage de ton menu ?

**<romain/>** · 07/08/2006, 22h57

Je pense pas que l'erreur vienne de la. Parfois ca plante à un endrois sans pour autant que l'erreur soit a cet endrois

Tu peux nous montrer le code de ta page entière?

**10-nice** · 08/08/2006, 08h32

Le code de la page le voilà :

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
<html>
	<head>
		<title>Goonzu.free.fr, la base de données</title>
		<script src="../libs/prototype.js" type="text/javascript"></script>
		<script type="text/javascript">
                        function highlight(id) {
                                var link = document.getElementById(id);
                                link.style.borderColor = '#749429';
                                link.style.color = '#749429';
                        }
                </script>
 
		<style type="text/css">
                        body {
                                color:#9b018e;
                                margin:0;
                                padding:10px;
                                font-family:arial;
                                font-size:10pt;
                                width:800px;
                        }
                        h3 {
                                width:685px;
                                text-align:center;
                                margin:0;
                                text-decoration:underline;
                        }
                        p {
                                width:679px;
                                border:1px solid #9b018e;
                                border-left:5px solid #9b018e;
                                margin-top:4px;
                        }
                        .formErrors {
                                border:1px solid #F00;
                                border-left:5px solid #F00;
                                color:#F00;
                                font-weight:bold;
                                text-align:center;
                                display:none;
                        }
                        .signature {
                                float:right;
                                margin-right:5px;
                                font-weight:bold;
                        }
                        #menu a {
                                color:#9b018e;
                                text-decoration:none;
                                font-weight:bold;
                                float:left;
                                width:100px;
                                border:1px solid #9b018e;
                                border-left:5px solid #9b018e;
                                padding:2px 0 2px 5px;
                                margin-top:2px;
                        }
                        #menu a:hover {
                                color:#749429;
                                border-color:#749429;
                        }
                        #bandeau {
                                width:800px;
                                height:60px;
                                background:url('../images/bandeau_fr.gif');
                        }
                        #menu {
                                margin:5px 0 0 0;
                                padding:0;
                                width:100px;
                                float:left;
                        }
                        #menu li{
                                border:1px solid #9b018e;
                                border-left:5px solid #9b018e;
                                padding:3px;
                                margin-top:2px;
                        }
                        #page {
                                float:left;
                                width:685px;
                                margin:7px 0 0 15px;
                        }
                        #footer {
                                width:800px;
                                border-top:2px solid #9b018e;
                                text-align:right;
                                clear:left;
                                float:left;
                                margin-top:10px;
                        }
                        .select {
                                width:330px;
                                border:1px solid #9b018e;
                                border-left:5px solid #9b018e;
                                height:20px;
                                margin-top:4px;
                        }
                </style>
	</head>
 
 
	<body>
		<div id="bandeau">
		</div>
		<div id="menu">
			<a id="accueil" href="index.php">Accueil</a>
			<a id="classes" href="classes.php">Classes</a>
			<a id="items" href="items.php">Items</a>
 
			<a id="monstres" href="monstres.php">Monstres</a>
			<a id="quetes" href="quetes.php">Quètes</a>
			<a href="http://goonzu.frbb.net" target="_blank">Forum</a>
						<a href="http://www.mozilla-europe.org/fr/products/firefox/" target="_blank"><img src="../images/getfirefox.gif" alt="" /></a>
		</div>
		<div id="page">
<h3>Bienvenue sur Goonzu.free.fr !</h3>
 
 
        <p>
            <span style="float:left;color:#FFF;width:628px;background-color:#9b018e;padding-left:6px;">Bienvenue sur Goonzu.free.fr, la base de données du jeu Goonzu Online.</span>
            <a href="javascript:void(afficheNews(1))" style="margin-left:expression('-2px;');float:left;background-color:#9b018e;color:#FFF;text-decoration:none;">lire&nbsp;
            <img style="border:0;vertical-align:top;" src="../images/news_dev_off.gif" alt=""
                onmouseover="this.src='../images/news_dev_on.gif';"
                onmouseout="this.src='../images/news_dev_off.gif';"/></a>
            <br />
            <span id="news1" style="display:none;"><br />
            Cette base de données est en cours de création, elle servira d'aide à tous les joueurs français de goonzu !<br />
 
<br />
Il se peut que quelques erreurs se glissent dans cette base de données, vous êtes invités à le notifier sur le forum afin d'avoir la base de données la plus utile possible.<br />
<br />
La liste des items est en train d'être saisie. Si vous souhaitez participer à une quelconque rubrique envoyez un mp sur le forum à <b>Orcanta</b>.<br />
<br />
En espérant que cette base de données vous soit utile, je vous souhaite un bon jeu <img src="../images/blink.png" alt="" />.
            <span class="signature">10-nice</span>
	        <br /><br />
            </span>
 
        </p>
<script type="text/javascript">
        highlight('accueil');
        function afficheNews(id) {
            if($('news'+id).style.display == 'none') $('news'+id).style.display = 'block';
            else $('news'+id).style.display = 'none';
        }
</script>
		</div>
		<div id="footer">
			©10-nice 2006
		</div>
	</body>
</html>

Bon c'est pas tip top propre comme code, y a pas de doctype... peut être que ca vient de là...

**NeHuS** · 08/08/2006, 11h56

Salut nice ,

ça vient de tes attributs css sur le div menu ... si tu supprimes le

Code :

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

1
2
3
4
5
6
	#menu li{
				border:1px solid #9b018e;
				border-left:5px solid #9b018e;
				padding:3px;
				margin-top:2px;
			}

ton code fonctione , ( ps si tu supprimes menu a{...} ça fonctionne aussi ) c'est etrange c'est la premiere fois que je vois IE planter a cause de css...

a toi maintenant de decouvrir ce qui cloche

**chillansky** · 08/08/2006, 13h18

oui, il s'agit d'une bug connu d'internet explorer. Je ne me rappelle plus les raisons mais c'est l'interprétation du code qui est mauvaises (avec une certaine combinaison css/html)
Il ne te reste plus qu'a modifier ton code

**10-nice** · 08/08/2006, 14h23

j'ai enlevé le #menu li et ca ne change rien, le menu a j'en ai besoin sinon ca ressemble à rien ^^, je vais essayer de contourner le problème avec un window.open sur le onclick de mon image...