2012-09-29 2 views
0

jQuery를 통해 여러 개의 간단한 ajax 호출을 포함하는 웹 사이트에서 다른 페이지의 내용을 모달 창으로로드하려고합니다. 모든 것이 '최신 브라우저'에서 잘 작동하지만 모든 버전의 Internet Explorer (IE 9 포함)에서 링크를 클릭하여 모달 창을 열면 페이지 레이아웃이 변경됩니다.Ajax가 Internet Explorer에서 왜곡 레이아웃을 호출합니다.

제가 생각하기에 IE는 팝업이 실제 화면 크기라고 생각하고 내 미디어 쿼리를 당겨 페이지에 적용한다고 생각합니다. 페이지의 HTML 요소에 대한 클래스를 사용하여 IE와 다른 브라우저를 구별하고 모든 미디어 쿼리에서 IE를 제외하려고 시도했지만 완전히 작동하지는 않았습니다.

다음은 페이지에 대한 링크입니다. IE 9를 사용하고 'About Us'섹션으로 스크롤하여 링크를 클릭하면 헤더에 레이아웃 변경 사항이 표시됩니다. 그러나 'Where We Are'로 스크롤하여 링크를 클릭하면 모달 윈도우 내의 레이아웃이 왜곡됩니다.

웹 링크 : http://accesstca.com

어떤 도움을 크게 감상 할 수있다, 감사합니다.

+0

사이드 노트, 나는 당신의 사이트를 좋아합니다! 멋지고 창의적인 디자인. –

+0

IE8에서 문제를 재현 할 수 없지만 이상하게도 링크를 클릭하기 전에 주 배경 이미지가 모두 세로로 약 50 % 늘어 났지만 다시는 관련이 없습니다. –

답변

관련 문제