IE(6) 브라우저

1111 단어
1. IE 브라우저는 그림을 표시할 때 기본적으로 그림 아래와 오른쪽에 3px의 간격을 두기 때문에 위아래 공간이 커진다.
해결 방법: 그림 라벨 바깥에div를 붙이고div 위에 그림의 높이(좌우 정렬에 요구되는 넓이)를 붙이면 그림의 기본 간격을 지나치게 고려할 수 있다.예:
Error <img src="image/demo_active.gif" class="mgn_l_30">
OK    <div style="width:118px; height:25px;"><img src="image/demo_active.gif" class="mgn_l_30"></div>

2. IE 브라우저가 기본적으로 div를 표시할 때 div 아래와 오른쪽에 3px의 간격을 두면 위아래 공간이 커진다.
해결 방법: 높이 및 너비 예제를 div 스타일에 추가합니다.
Error <div>abc   </div>
OK    <div style=”height:16px;width:100px”>abc   </div>

3. IE DIV 높이 설정이 잘못되었습니다.
,Firefox에서 이 코드는 이 DIV의 높이를 10px로 정확하게 설정합니다.그러나 IE의 높이는 15입니다.IE에서 DIV는 현재 font-size와 관련이 있습니다.즉, IE에서 DIV는 기본적으로 font-size보다 작을 수 없습니다.
해결 방법: div 스타일에 높이를 더하면 나머지 부분을 숨겨야 합니다. 예:
Error <div style="background-color:blue;height:5px"></div>
OK    <div style="background-color:blue;height:5px;overflow:hidden"></div>

좋은 웹페이지 즐겨찾기