일반 IE 11에서는 정상인 화면이 IE 8/9/10에서 깨질때
페이지 정보
본문
IE 8 / 9 / 10 에서 css 버그로 인하여 레이아웃이 깨지는 현상이 발생합니다. ( 인터넷 익스플로러 / Intetnet Explorer )
IE 11 , 크롬 , 파이어폭 등에서는 정상 작동
아래 코드는 그누보드의 상단 코드인데, 이것을 기준으로 변경해보겠습니다.
<!-- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> -->
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=<?=$g4['charset']?>">
<title><?=$g4['title']?></title>
<link rel="stylesheet" href="<?=$g4['path']?>/style.css" type="text/css">
를 아래와 같이 변경합니다.
<!-- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> -->
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=<?=$g4['charset']?>">
<title><?=$g4['title']?></title>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="X-UA-Compatible" content="IE=8">
<link rel="stylesheet" href="<?=$g4['path']?>/style.css" type="text/css">
DTD 유무와 관계없이, 페이지 로딩될때 CSS문법보다 먼저 <meta http-equiv="X-UA-Compatible" content="IE=8"> 가 실행되면 레이아웃 깨짐없이 IE 10, 9, 8 에서 정상적으로 표시가 됩니다.
참고자료
http://www.technote.co.kr/php/technote1/board.php?board=apple&command=body&no=1417
http://hsmtree.kr/t/205
http://www.webmini.net/html/48102
IE 11 , 크롬 , 파이어폭 등에서는 정상 작동
아래 코드는 그누보드의 상단 코드인데, 이것을 기준으로 변경해보겠습니다.
<!-- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> -->
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=<?=$g4['charset']?>">
<title><?=$g4['title']?></title>
<link rel="stylesheet" href="<?=$g4['path']?>/style.css" type="text/css">
를 아래와 같이 변경합니다.
<!-- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> -->
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=<?=$g4['charset']?>">
<title><?=$g4['title']?></title>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="X-UA-Compatible" content="IE=8">
<link rel="stylesheet" href="<?=$g4['path']?>/style.css" type="text/css">
DTD 유무와 관계없이, 페이지 로딩될때 CSS문법보다 먼저 <meta http-equiv="X-UA-Compatible" content="IE=8"> 가 실행되면 레이아웃 깨짐없이 IE 10, 9, 8 에서 정상적으로 표시가 됩니다.
참고자료
http://www.technote.co.kr/php/technote1/board.php?board=apple&command=body&no=1417
http://hsmtree.kr/t/205
http://www.webmini.net/html/48102
댓글목록
등록된 댓글이 없습니다.