CSS - IE 문제에서의 패딩?

Question

약간의 패딩에 문제가 있습니다. Chrome/Firefox에서는 Internet Explorer와 모양이 다릅니다. Internet Explorer에서는 훨씬 더 큽니다. 그것은이다

.menu ul li{ 
    display:inline; 
    padding-right:60px; 
    margin:0; 
} 

왜?

.menu{ 
    background-color:#000; 
    height:35px; 
    padding-top:15px; 
    color:#fff; 
    font-size:18px; 
} 

.menu ul{ 
    padding:0; 
    margin:0; 
    list-style-type:none; 
} 

.menu ul li{ 
    display:inline; 
    padding-right:60px; 
    margin:0; 
} 

.menu a:link{ 
    color:#fff; 
} 

.menu a:active{ 
    color:#fff; 
} 

.menu a:hover{ 
    color:#fff; 
} 

.menu a:visited{ 
    color:#fff; 
} 

는 정말 다른 브라우저는 당신이 글꼴 스타일을 설정하더라도 다른 글꼴 스타일을 가지고 있기 때문에 사람이 :)

Answer 1

을 도울 수 있기를 바랍니다. 마찬가지로 앞면 크기가 다릅니다. 그래서 IE 용 코드를 작성할 수 있습니다.

여기에 구체적인 CSS 방법에 도움이되는 링크가 있습니다.

http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

Answer 2

IE 높이/폭의 일부로서, 다른 브라우저는 그것을 높이/폭을 더한 패딩 해석 패딩을 계산한다. 따라서 높이/너비 또는 여백/여백 만 지정하십시오.

Answer 3

상자 모델을 다른 브라우저의 것과 통합하려는 경우 항상 상자 크기의 CSS3 속성을 사용할 수 있습니다. 예 : ie의 이전 버전에서는 지원되지 않으므로 ie, chrome, ff 등에서 border-box를 사용하는 것보다 content-box를 사용하는 것이 가장 좋습니다. 자세한 내용은 여기를 참조하십시오. - http://www.css3.info/preview/box-sizing/