이미지 아래에 IE 공간이 있습니까?

Question

Internet Explorer 용으로이 페이지를 어떻게 수정할 수 있습니까?

http://orangeguy.biz/profile/

디자인이 같다 .. 어떤 이유로 배경 이미지 아래에 공간을 추가 할 것 같다

    ------------------ 
       | TOP IMAGE |<- base_top.png 
       ------------------ 
       | |   | | 
base_sides.png ->| | CONTENT | |<- base_sides.png 
       | |   | | 
       |----------------- 
       | BOTTOM IMAGE |<- base_bottom.png 
       ------------------ 

Answer 1

IE에는 모든 요소가 적어도 한 문자 이상이어야한다는 이상한 생각이 있기 때문입니다.

#top 및 #bottom 스타일에 overflow:hidden;을 추가하면 IE가 사용자가 지정한 것보다 더 큰 요소를 만들지 않도록합니다.

일반 팁 :
표준 준수 모드에서 렌더링되도록 페이지에 적절한 doctype을 추가하면 IE에서 페이지를 렌더링하는 방법에 많은 도움이됩니다.

W3C: Recommended list of DTDs

Answer 2

당신은 명시 적으로 CSS에서 img {margin-bottom:0;}을 제공해야합니다. IE는 이미지 주위에 버퍼를 자동으로 넣지만 스타일 시트의 규칙을 청취해야합니다.

Answer 3

내가 마진 퍼팅 제안

: 0; 및 패딩 : 0; 상단의 * (all) 요소의 스타일 시트 선언에서. 따라서 문제는 다시 발생하지 않습니다. 내가 다른 것을 제안한다면? 센터에서 요소를 정렬하려면 margin-left : auto를 선호합니다. margin-right : 자동; W3.org에 의해 제안 : http://www.w3.org/Style/Examples/007/center

Answer 4

IE는 기본적 font-size 및 line-height 이 있기 때문에 IE의 기본 font-size 및 line-height보다는 조금 그 이미지의 높이입니다.

세트 :

font-size:0 
line-height:0 
overflow:hidden 

Answer 5

How can I set CSS only for specific IE browsers?

font-size: 0\9; 
line-height: 0\9; 

뿐만 아니라 작동합니다.