2013-07-01 55 views
-1

我在網站上使用jQuery 1.8.2,當我嘗試使用Colorbox插件併爲圖庫啓動模式窗口時,模式窗口填充頁面的整個高度vs視口的整個高度。使用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

omg。我花了半個小時試圖弄清楚這一點。 –

+0

@JoeFrambach別擔心 - 我也是。 :) –

+0

我可以問你是如何遇到這個解決方案的?什麼是思路?我做的第一件事是刪除所有其他不必要的腳本和元素,而這並沒有幫助。從那裏,一切都是失敗。 –