-1

我正在创建一个网站,但遇到了一个问题,即在所有浏览器的右侧都出现大量空白。我通常通过在包装器 div 中添加溢出:隐藏来解决这个问题,但由于某种原因,这次它不起作用。我还尝试通过将其添加到 css 中的 html 和 body 标签中,但它们往往会隐藏所有内容,并且 overflow-x 不起作用。

我将非常感谢任何帮助!您可以在这里查看网站:http: //dakar.bournemouth.ac.uk/~hmonaghan

您将能够通过明显查看代码源来查看代码,但如果有人需要我在这里发布任何内容,我会的。

4

2 回答 2

0

我在 Windows 上的 Chrome 中看起来不错 - 你必须有一个非常宽的显示器。话虽如此,请尝试类似于此 CSS 的内容,并告诉我它是否适合您:

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
于 2013-10-15T19:46:47.090 回答
0

在删除所有溢出并使用开发人员工具查看它之后,nav这就是导致大多数问题的原因。

它以 100% 的宽度和 26% 的边距绝对定位,因此它突破了页面。

尝试将导航宽度减小到 c.70% ......这将解决大部分问题,尽管我怀疑剩下的可能与滑块有关的其他问题。

于 2013-10-15T19:55:29.343 回答