Problème avec le remplissage d'Internet Explorer

Je ne peux pas obtenir le remplissage IE autour de mes balises < a> pour fonctionner correctement. Cela ne fonctionne que dans Firefox, Safari, Chrome, mais pas IE - s'il vous plaît aider!Problème avec le remplissage d'Internet Explorer

Mon code simplifié 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>

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

alt text http://img33.imageshack.us/img33/8280/linkissueff.jpg

Internet Explorer (7) Résultat (capitonnage incorrect) :

alt text http://img22.imageshack.us/img22/8555/linkissueie.jpg

Comment puis-je résoudre ce problème pour travailler dans IE? Merci d'avance!

Source

2009-09-23 Alex

Pour les éléments qui sont naturellement intégrés, IE requiert que l'élément ait la propriété css display: inline-block; avant d'appliquer des propriétés telles que padding. Il suffit donc d'ajouter display: inline-block à votre élément d'ancrage.

<a style="display: inline-block; padding: 20px; background: red;" href="#">Some link</a>

Source

2009-09-23 00:08:28

Wow. Je ne suis pas un haineux de Microsoft mais c'était un dur écrou IE! Je vous remercie! – Alex

Problème avec le remplissage d'Internet Explorer

Répondre

Questions connexes