2013-07-01 1 views
-1

사이트에서 jQuery 1.8.2를 사용 중입니다. Colorbox 플러그인을 사용하여 갤러리의 모달 창을 시작하려고 할 때 모달 창이 페이지 전체 높이를 채 웁니다. 뷰포트의 전체 높이Colorbox를 사용하는 모달 창 크기 문제

당신은 여기에서 예를 볼 수 있습니다

: http://www.sportscardslist.com/release/2013/panini-prestige-football

첫 번째 섹션의 맨 아래에있는 6 개 이미지 중 하나를 클릭하면이 모달 창 크기에 약간의 문제가 있습니다.

누구든지이 문제를 일으키는 아이디어가 있습니까?

+0

전체 사이트가 아닌 [jsFiddle] (http://jsfiddle.com)과 같은 분리 된 데모를 사용할 수 있습니다. 코드가 여기에 배치되면 질문하는 것이 더 의미가 있습니다. – Joseph

답변

2

문제는 단지 페이지의 DOCTYPE입니다. 사용중인 브라우저는 다음과 같습니다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 

브라우저가 쿼크 모드로 설정됩니다. 따라서 jquery는 창 높이를 올바르게 계산할 수 없습니다.

<!DOCTYPE html> 

그러면 창 높이가 올바르게 계산되고 갤러리의 높이의 비율이 적절하게 지정됩니다.

+0

mg. 나는 이것을 알아 내려고 30 분을 보냈다. –

+0

@JoeFrambach 걱정 마세요. 나도 그랬어. :) –

+0

당신은 어떻게 솔루션을 발견 했습니까? 생각의 기차는 무엇입니까? 내가 한 첫 번째 작업은 다른 모든 불필요한 스크립트와 요소를 제거하는 것이 었습니다. 거기에서 모든 것이 손실되었습니다. –