2014-05-06 26 views
0

我正在一個新網站上工作,我遇到了一個問題,即網頁在網站容器的右側添加了多餘的空白內容。網站增加100%寬度以外的空白內容,我如何刪除它?

這使得網站覺得akward的,因爲在滾動右邊是沒有意義的,因爲沒有內容有...

Here's a screenshot of the problem

感謝所有幫助在試圖修復它,要麼找出什麼原因引起的:)

這裏的a live版本。

編輯

我設法使用溢出來解決這個問題:隱藏;在.main-content容器上。我猜這可能會導致在開發後期階段的問題,但現在它的工作原理..

+0

我測試了您在Firefox中的鏈接,您在該瀏覽器中遇到了另一個問題......儘管在Chrome中看起來不錯。 – SKeurentjes

+0

你說得對,那看起來不太好:S看起來像一個浮動的錯誤實際上..我可能忘了清除它的地方.. – michaelw90

+0

我注意到有一個保證金的權利:-100%;在你的flex-active-slide類上,爲什麼? :P禁用它,它似乎很好 – vaskort

回答

0

Michael--

它看起來像FlexSlider插件,您正在使用有一個奇怪的屬性,其樣式表添加一個40 px右邊距。爲了解決這個問題,編輯下面的代碼片段在您的網站的flexslider.css文件,chaing的40像素數值區間爲0px:

/** Custom Meta Slider CSS **/ 
.flexslider { 
    background: none; 
    box-shadow: none; 
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    -o-box-shadow: none; 
    border: 0; 
    margin: 0 0 40px 0; 
} 

讓我知道,如果不這樣做的伎倆!

+0

嘿,我不認爲它增加了任何保證金的權利。該規則增加了底部的邊緣:) – michaelw90

+0

哈哈,哎呀,它很早,我需要咖啡,我得到我的保證金排序困惑。很高興你能工作,但。溢出:隱藏將完成工作,即使不是最優化的解決方案。 – user3607119

+0

別擔心,這些數字也會讓我每次都絆倒;) – michaelw90

相關問題