Discussion :

[GxiGlon]

Bonjour à tous,

Je rencontre un souci CSS sous IE6/7 que je ne parviens pas à résoudre.

Contexte :
* Je dispose d'un bloc
* Dans ce bloc se trouve un bout de texte ainsi qu'une image
* Je veux disposer un lien par dessus la totalité de ce bloc

Exemple :
http://www.fabien-saintjalmes.fr/test_css/

Problématique :
Sous IE6 et IE7, le lien n'est pas reconnu lorsque le curseur de la souris passer par dessus l'image et le texte. Dans le cas du texte, le lien n'est pas non plus reconnu sur le padding mais l'est bien sur le margin.
J'ai testé pas mal de choses parmi lesquelles jouer avec les z-index et/ou les positionnements, sans succès.

Précisions:
Je suis parfaitement conscient qu'une solution serait de modifier la structure HTML, en englobant directement les textes et images avec le lien en question, mais mon interrogation se porte plus sur la compression de ce qui provoque cette anomalie chez IE (même IE9...). Qui plus est, dans des cas de figures plus complexes, il ne m'est pas réellement possible de la structure HTML si je veux conserver une sémantique correcte (<div> dans <a> impossible par exemple, même si rien ne m'empêche de remplacer les <div> par des <span> ou des <p> en display:block )

Je serais ravi que l'on m'apporte une solution sur le sujet

Merci par avance.

[Bisûnûrs]

Tu peux résoudre ton problème en mettant un background:url(null) sur ton lien (l'explication a été donnée un jour par Candygirl sur le forum mais je n'arrive plus à mettre la main dessus).

[GxiGlon]

Oups, je pensais m'être abonné à la discussion et n'avoir eu aucune réponse, d'où mon délai de réponse...

En tout cas, ton astuce fonctionne parfaitement Bisûnûrs, merci beaucoup

Je vais essayer de retrouver l'explication, cela m'intéresse Si je la trouve, j'éditerai mon message.

[GxiGlon]

Je me suis finalement rendu compte que la solution énoncée ci-dessus n'était pas très bonne, car le navigateur essaie de charger une nouvelle CSS 'null' à la même adresse que celle qui inclus cette ligne de code (cf Firebug).

Une autre solution est finalement l'utilisation d'un shim (image vide) en guise de background du lien.