2014-10-07 159 views
-3

我上傳了幾天前的WordPress,發現本地主機上的一個和網站上的一個www.noteid.com是不同的。頁面的空白右側

網站上的一個對右手邊的白色空間:

enter image description here

enter image description here

所以,我沒有測試它與我的主題和WP有一個:20 - 十四

其他所有主題都很好,但其中兩個。

看起來像︰html { overflow-x: hidden }工作,但我想找到是什麼原因造成的問題。我花了2天的時間做研究,覺得沒有什麼工作。

任何人都可以幫我指出我的網站發生了什麼?

提前致謝。

這是CSS:http://jsfiddle.net/n9zqygcj/

+1

您需要提供CSS/HTML代碼或鏈接或JS小提琴。否則,沒有人能夠幫助你。 – 2014-10-07 18:43:37

+1

我檢查了以下鏈接的好奇心,一切似乎都很好:http://noteid.com/?page_id=7我無法複製您的問題。 – 2014-10-07 18:44:21

+0

在下面試試我的解決方案,這將解決您的問題。 – 2014-10-07 18:52:16

回答

2

發生這種情況的原因是#footer寬度是頁面的105%。 您需要更改:

#footer { 
    padding-left:0; 
} 
#colophon { 
    margin-left:5% 
} 

讓頁腳是比它應該是不再。

編輯:

這裏是更新的CSS。

http://jsfiddle.net/n9zqygcj/2/

1

<a>標籤,其在所述<div id="footer">纏繞應該被分配一個class,用於例如<a href="#" class="footerlink">然後將下面的風格應該被添加到您的樣式表中:

.footerlink { 
    display: block; 
    width: 100%; 
    overflow: hidden; 
} 
從這個

除此之外,還添加以下的風格樣式表:

.metaslider { 
    overflow: hidden; 
} 

希望這將消除額外的白色的問題您在您的網站上面對的右側空間。

+0

我仔細閱讀並更換了代碼 - 看起來問題是我的滑塊和頁腳。 'overflow:hidden'不會工作,仍然會破壞網站。 – Kevin 2014-10-07 18:56:08