Le bouton à l'intérieur d'un lien d'ancrage fonctionne dans Firefox mais pas dans Internet Explorer ?

Question

Tout le reste de mon site semble être compatible avec tous les navigateurs, à l'exception de mes liens. Ils apparaissent sur la page, mais ils ne fonctionnent pas. Mon code pour les liens est le suivant

<td bgcolor="#ffffff" height="370" valign="top" width="165">
<p><a href="sc3.html"><button style="width:120;height:25">Super Chem #3</button></a> <a href="91hollywood.html"><button style="width:120;height:25">91 Hollywood</button></a> <a href="sbubba.html"><button style="width:120;height:25">Super Bubba</button></a> <a href="afgoohash.html"><button style="width:120;height:25">Afgoo Hash</button></a> <a href="superjack.html"><button style="width:120;height:25">Super Jack</button></a> <a href="sog.html"><button style="width:120;height:25">Sugar OG</button></a> <a href="91pk91.html"><button style="width:120;height:25">91 x PK</button></a> <a href="jedi1.html"><button style="width:120;height:25">Jedi</button></a></p>
<p>&nbsp;</p>
<a href="http://indynile99.blogspot.com"><button style="width:120;height:25">Blog</button></a>
<p>&nbsp;</p>
</td>

MERCI pour votre aide !

Answer 1

C'est très simple en fait, aucun javascript n'est nécessaire.

1. Placez l'ancre à l'intérieur du bouton

   <button><a href="#">Bar</a></button>

2. Transformez la balise d'ancrage en un élément de type bloc et remplissez son conteneur.

   bouton a { display:block ; height:100% ; largeur:100% ; }

3. Ajoutez d'autres styles si nécessaire.