2012-05-23 44 views
0

Firefox中的Shadowbox始終向我顯示滾動條;使用Chrome瀏覽器,IE和Safari工作正常。任何人都知道如何解決這個問題?我在shadowbox.css中嘗試了不同的東西,但沒有任何工作。Shadowbox Firefox與滾動條不兼容問題

Shadowbox Scroll Problem

shadowbox.css

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff} 
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none} 
#sb-overlay{position:relative;height:100%;width:100%;} 
#sb-wrapper{position:absolute;visibility:hidden;width:100px;} 
#sb-wrapper-inner{position:relative;border:0px solid #303030;overflow:hidden;height:100px;} 
#sb-body{position:relative;height:100%;} 
#sb-body-inner{position:absolute;height:100%;width:100%;} 
#sb-player.html{height:100%;overflow:visible;} 
#sb-body img{border:none;} 
#sb-loading{position:relative;height:100%;} 
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;} 
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;} 
#sb-body,#sb-loading{background-color: ;} 
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;} 
#sb-title,#sb-title-inner{height:26px;line-height:26px;} 
#sb-title-inner{font-size:16px;} 
#sb-info,#sb-info-inner{height:20px;line-height:20px;} 
#sb-info-inner{font-size:12px;} 
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;} 
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;} 
#sb-nav-close{background-image:url(close.png); visibility:hidden;} 
#sb-nav-next{background-image:url(next.png);} 
#sb-nav-previous{background-image:url(previous.png);} 
#sb-nav-play{background-image:url(play.png);} 
#sb-nav-pause{background-image:url(pause.png);} 
#sb-counter{float:left;width:45%;} 
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;} 
#sb-counter a.sb-counter-current{text-decoration:underline;} 
div.sb-message{font-size:12px;padding:10px;text-align:center;} 
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;} 

其中駐留的太極拳iframe是(http://www.miradorhotel.com.co)的位點。當你進入該網站時,它會自動彈出。

+1

你能給一個鏈接嗎?難以調試的代碼沒有...代碼:) – VLTII

+0

在那裏我添加了shadowbox.css,我有。 –

+0

這看起來像是帶有shadowbox的默認css,它沒有出現這個問題。如果我不得不猜測它是其他的東西(css繼承),但是沒有*鏈接*或者你的所有代碼都不可能告訴。 – VLTII

回答

0

謝謝。最簡單的解決方案是改變你的iframe,使滾動=「no」擺脫滾動條。

如果您擔心小屏幕上的用戶,請將iframe和其中的表格更改爲使用固定大小而不是百分比,然後將scrolling設置爲「否」,如前所述。

+0

你說什麼工作。沒有卷軸,但是,如果具有小分辨率的用戶進入該頁面。奇怪的是,這是一個只發生在我身上的Firefox問題。無論如何,最好的是沒有卷軸,所有的時間滾動。 –

+0

也許如果你清理iframe頁面上的錯誤,你使用Shadowbox的東西可以在Firefox中使用。查看錯誤[here](http://validator.w3.org/check?uri=http%3A%2F%2Fmiradorhotel.com.co%2Fver_promocion.php%3Fid%3D3&charset=%28detect+automatically%29&doctype=Inline&group= 0&用戶代理= W3C_Validator%2F1.3)。特別是,在關閉html標籤後面有腳本標籤。 – arttronics