Internet Explorer 패딩 문제

올바르게 작동하려면 내 <> 태그 주위에 IE 패딩을 가져올 수 없습니다. 이 기능은 Firefox, Safari, Chrome에서만 작동하지만 Internet Explorer에서는 작동하지 않습니다. - 도와주세요!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>

파이어 폭스 결과를 (내가 원하는입니다) :

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

인터넷 익스플로러 (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 패딩 문제

답변

관련 문제