2014-10-07 164 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