2012-06-05 74 views
1

我期待擺脫當瀏覽器窗口的寬度小於1900px http://focalpoint.wpconsult.net/得到jQuery的週期幻燈片

的圖像是1900px出現水平滾動條去掉水平滾動條,但也被切斷時,瀏覽器更小,只要幻燈片保持居中,圖像不縮放,固定的寬度。

我設置了容器上隱藏的溢出,但這沒有幫助。在其他頁面上,標題具有相同寬度的正常背景圖像,但溢出隱藏工作正常,沒有滾動條。

很多解決方案都建議添加隱藏在body元素上的溢出,但這樣做會導致無法向左右滾動以在最小化的瀏覽器窗口上閱讀內容。我只想要切斷幻燈片區域 感謝您的任何建議!

回答

2

#header-bg-imgdiv元素具有1900px的寬度,並且導致滾動

我相信你需要的是對#wrap元素

min-width上添加min-width:980px;overflow:hidden將允許元件膨脹到更大的寬度,但如果它變得小於980(什麼其餘的頁面設計爲)它將允許滾動..

+0

我的瀏覽器很慢,告訴我Gaby已經用相同的信息回答了。 – redlena

+0

感謝Gaby!快速準確的答案。我會擁抱你:) – paul

0

overflow:hidden添加到#wrap樣式將刪除水平滾動條。