Discussion :

[chazz]

Bonjour tout le monde,
Je vien vers vous en dernier recours.
Je suis devant un problème de difference d'interpretation d'un code JSP entre IE(ça marche) et FF(ça marche pas, ou plutot marche différament).

Il s'agit de mettre un lien <a> sur plusieurs <div> et <h>...
Voici le code jsp:
2 cas :

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
<a href...>
<div>
 
...
 
</div>
</a>
 
 
ou 
 
<div>
 
...
 
<a> href... </a>
 
</div>

pour ces 2 cas IE met le code html correcte qui est :

Code :

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

1
2
3
4
5
<a href...>
<div>
...
</div>
</a>

mais sur FireFox, aléatoirement le code html prend la forme suivante:

Code :

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

1
2
3
4
5
6
7
8
9
<a href...> 
</a>
 
<div>
<a href...> </a> <h1> ...<a href...> .. </a> </h1>
<a href...> </a> <h2> ...<a href...> .. </a> </h2>
<a href...> </a> <h3> ...<a href...> .. </a> </h3>
...
</div>

J'espère que cette simplification du code sera claire.

donc cette difference aléatoirement reproduite me pose de vrais problèmes notamen la couleur des textes h1 h2... (car du coup le browser se place mal dans la css).

Ma question est comment eviter celà sachant que du coté de la jsp j'ai essayé sans succés.

Merci d'avance.

[Bisûnûrs]

C'est une erreur grave de syntaxe ce que tu fais. La balise a est une balise inline, elle ne peut donc pas contenir de balise div, qui est une balise block.
Firefox qui respecte un minimum ce genre de syntaxe (contrairement à IE qui se fout de tout) affiche donc mal un code qui est erroné.

En trèèès gros, c'est comme si au lieu de dire "Ma voiture est rouge", tu disais "Ma voiture rouge est".

La solution est de mettre le lien dans les div et dans le hn (qui sont des balises block aussi) et non à l'extérieur.

[chazz]

Merci pour ta réponse.
J'ai du mal à tester ça aujourd'hui, je répondrai demain apres avoir testé.

Merci.

[chazz]

J'ai testé,
Ta remarque est tout à fait correcte.
cela dit, les css sont faites pour le codage que je faisait (les div dans les a).
il va faloir réorganiser tout ça.

Je te remercie.

Je tien à souligner qu'on testant le codage suivant sur la jsp:

<a> <div> </div> </a>
<a> <div> </div> </a>
<a> <div> </div> </a>
.
.
.

ça a marché (sans anomalies de couleurs) mais d'apres ce que t'as dis, ce n'est pas tres propre. J'y tiendrai compte.

Merci beaucoup.

[Bisûnûrs]

Voilà, autant avoir un code propre qui fonctionne sur tous les navigateurs.

Si ton problème est résolu, n'oublie pas de cliquer sur le bouton en bas de la discussion.