호환성보기 (3) 썸네일형 리스트형 jQueryUI Dialog height 값 auto 설정시, IE 6/7/8 과 IE 9/10 의 호환성 보기에서 애매.. jQueryUI Dialog 로 레이어 팝업을 구현합니다.Ajax 로 가져온 DOM 을 Dialog 에 담으려다 보니 width 값은 일정한데, height 값은 가변적이라 height:auto 를 사용합니다.Ajax 는 callback 함수를 호출할 수 있는 사용자 정의 함수(openSimpleUri)를 활용합니다. 크롬에선 정상적으로 작동하는데, IE 8 에서 팝업 창이 열리다 만 상태로 표시. 아무래도 height 값을 제대로 계산하지 못한 모냥.크롬에선 Ajax 로 DOM 을 채우고 dialog('open') 하면 채워진 DOM 을 기준으로 height 를 자동계산하는데,IE 8 에선 Ajax 가 DOM 을 가져오기 전에 dialog('open') 하니까 height 값을 계산하지 못하는 것이더군.. content="IE=edge,chrome=1" 메타 태그와 IE 그리고 Chrome 크롬과 IE 모두 설치된 PC 에서는 크롬의 렌더링 엔진을 차용해서 화면에 뿌려주지만, 아닌 경우에는 그냥 IE 모습 그대로.. ㅠ. 그래도, 호환성보기 옵션을 선택할 수 없게 된다는 것 자체에 의미를 두어야.. ^^. http://vouloir.tistory.com/839, Quirk Mode 쿼크모드로 웹화면이 열리는 경우..HTML5 형식으로 기술하면 열리지 않을듯..대체로는 doctype 이 없을 때 doctype 이 있어도 HTML 4.0.1 로 열 때.. 이미지 위에 레이어를 올렸는데, 브라우저 폭이 변할때 같이 변하지 않거나 레이아웃에 가로줄이 생길때.. o 박스 안에 이미지와 절대좌표 박스가 들어간 형태에서 호환성 보기를 하면 레이아웃에 금이 가는 현상 다른 웹브라우저나, IE 일반 모드에서는 정상인데.. 유독 IE 호환성 보기에서 레이아웃이 깨짐. ... 이때는.. img 와 absolute 인 div 사이에 공간이 없게 해야 하는군요. ... 그런데, 브라우저 폭이 변할때 absolute 로 잡은 영역이 같이 변하지 않아서 레이아웃이 깨진다면.. 아래와 같이 relative 영역에 이미지를 가져다 사용하는 것이 필요. ... 이전 1 다음