Je savais que IE n'aimait pas Firefox..

Version imprimable

07/08/2006, 16h44
10-nice

Je savais que IE n'aimait pas Firefox..

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

Code:

<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 ?
07/08/2006, 17h26
Borus

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.
07/08/2006, 22h46
Linaa

8O C'est vraiment bizarre
Le problème ne vient pas uniquement du lien avec Mozilla :lol:
Quelque soit le lien survolé, IE plante...
Tu utilises uniquement du CSS pour l'affichage de ton menu ?
07/08/2006, 22h57
<romain/>

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?

Le code de la page le voilà :

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
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à...

08/08/2006, 11h56
NeHuS
Salut nice ,

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

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 :)
08/08/2006, 13h18
chillansky

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 ;)
08/08/2006, 14h23
10-nice

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... :oops:
08/08/2006, 15h14
Commodore

tu as essayé en mettant ton css dans une feuille de style a part ?
08/08/2006, 23h59
Linaa

C'est le #menu a:hover qui pose problème, en l'enlevant, pas de bug!
Mais plus d'effets aussi...
09/08/2006, 09h12
Commodore

c'est bizarre, j'utilise des css pour a:hover mais je n'ai pas de bug...