Rembourrage autour de <a> balises ne fonctionne pas dans Internet Explorer

Je ne peux pas obtenir IE rembourrage autour de mon <a> balises pour fonctionner correctement. Cela ne fonctionne que sous Firefox, Safari, google Chrome, mais pas IE - s'il vous plaît aider!

Mon simplifié code HTML ressemble à ceci:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <div id="mydiv">
    <table>
      <tr>
       <td>
         <a style="padding: 20px; background: red;" href="#">Some link</a>
        </td>
      </tr>
    </table>
  </div>
</html>

Firefox Résultat (qui est ce que je veux):

Rembourrage autour de <a> balises ne fonctionne pas dans Internet Explorer

Internet Explorer (7) Résultat (incorrect de remplissage):

(image brisée)

Comment puis-je corriger cela fonctionne sous IE? Merci beaucoup d'avance!

InformationsquelleAutor Alex | 2009-09-23
  1. 15

    Pour les éléments qui sont naturellement inline, IE exige que l'élément a de la display: inline-block; propriété css avant d'appliquer les propriétés comme padding. Donc juste ajouter display: inline-block à votre point d'ancrage de l'élément.

    <a style="display: inline-block; padding: 20px; background: red;" href="#">Some link</a>
    • Wow. Je ne suis pas un Microsoft hater, mais ce fut un écrou dur putain IE! Merci!!!!
    InformationsquelleAutor Ken Browning