이준빈은 호박머리

IT 프로그래밍 개발 정보 블로그, 이준빈은 호박머리 입니다.

Language/HTML

IE 호환성 보기 문제 및 해결(스크립트, 테이블 깨짐 등)

준콩이 2013. 2. 1. 15:23
반응형

웹 개발 시 본인의 컴퓨터에 있는 브라우저에 맞춰

레이아웃을 짰는데 다른 브라우저나 다른 컴퓨터에서

테이블이 깨지거나 스크립트가 실행이 되지 않는다거나 하는

문제가 발생합니다.

특히 IE가 대표적인데, IE 버전별, 호환성보기 유무에 따라

렌더링 차이가 극심합니다.


IE에서 호환성보기 유무, 버전의 렌더링 차이를 해결하기 위해

head 태그 안쪽 가장 상위에 메타(meta) 태그 를 한줄 추가합니다.


content에 들어가는 내용이 IE 버전입니다.
<meta http-equiv="X-UA-Compatible" content="IE=5">
<meta http-equiv="X-UA-Compatible" content="IE=6">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta http-equiv="X-UA-Compatible" content="IE=8">
<meta http-equiv="X-UA-Compatible" content="IE=9">
<meta http-equiv="X-UA-Compatible" content="IE=10">

Edge로 값을 주면 가장 최신 버전의 IE로 인식이 됩니다.
<meta http-equiv="X-UA-Compatible" content="IE=Edge">


ex) 아래와 같이 <head>바로 밑에 메타 태그를 추가하면 스크립트 실행과 테이블 출력 등 호환성 보기가 
     IE 버전 9를 기준으로 실행됩니다
<head>
<meta http-equiv="X-UA-Compatible" content="IE=9">

</head>

반응형