브라우저 버전(IE7 vs IE6)에 따라 Layer Y 좌표 위치 변동 > 기술자료

• 목록

IE 6과 IE 7에서 Layer의 Y좌표가 다른 현상이 확인되었습니다.
IE 7 에서의 Y좌표  =  IE6 + 20픽셀

아래와 같이 활용하시면 자바스크립트와 CSS를 활용하면 동일한 모습으로 보이게 됩니다.


<script language="Javascript" type="text/javascript">
<!--
bName = navigator.appName;
bVer = parseInt(navigator.appVersion);
if (bName == "Microsoft Internet Explorer" && bVer >= 7) { //익스플로러
 document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"../inc/ie7.css\">");
 //alert ("익스플로러");
}
else if (bName == "Netscape" && bVer >=4 ) { //넷츠케이프
 document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"../inc/ie6.css\">"); 
 //alert ("넷스케이프");
}
else { //기타
 document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"../inc/ie6.css\">"); 
 //alert ("기타");
}
//-->
</script>


ie6.css 내용
#Layer1 {
 position:absolute;
 left:15px;
 top:488px;
 width:164px;
 height:60px;
 z-index:1;
}

ie7.css 내용
#Layer1 {
 position:absolute;
 left:15px;
 top:508px;
 width:164px;
 height:60px;
 z-index:1;
}