Internet Explorerパッディングの問題

正しく動作するように、私の< a>タグの周りにIEパディングを得ることができません。これはFirefox、Safari、Chromeでのみ動作しますが、IEでは動作しません - お手伝いください！Internet Explorerパッディングの問題

私の単純化されたHTMLコードは次のようになります。

 <!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の検索結果を（私が欲しいものである）：

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

のInternet Explorer（7）結果（間違ったパディング）：

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

これをIEで動作させるにはどうすればよいですか？事前に多くの感謝！

出典

2009-09-23 Alex

自然なインライン要素の場合、IEはpaddingのようなプロパティを適用する前に、要素にdisplay: inline-block; CSSプロパティが必要です。したがって、アンカーエレメントにdisplay: inline-blockを追加するだけです。

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

出典

2009-09-23 00:08:28

ワウ。私はマイクロソフトの味方ではないが、これは難しいナツメヤのIEだった！ありがとうございました！ – Alex

Internet Explorerパッディングの問題

答えて

関連する問題