网站重叠的问题

时间:2012-01-01 00:06:06

标签: css

我有一个网站,现在有点难过。

如果您在以下位置查看网站:

http://www.christornero.com

如果更改窗口大小,您会注意到右侧栏“#nav2”与内容区域重叠,如果窗口大小发生变化,或者您在较小的屏幕上查看网站。

无论如何要将此更改为右侧栏位于页面右侧而不重叠的问题?

提前致谢!!

2 个答案:

答案 0 :(得分:2)

当用户的屏幕或窗口较小时,这将创建一个水平滚动条:

body { min-width: 1260px; position: relative; }

为什么我没有使用1280?因为某些浏览器始终显示滚动条,并且1280宽度屏幕上的某些用户没有最大化窗口

如果您想要更好的解决方案,我建议您重新设计。有些设计不能很好地扩展,包括你的设计。

<强>更新
为了实现这一点,由于侧杆的绝对定位,您还需要position: relative;。另外:请注意,这只会修复重叠,而不是在您拥有2560x1440屏幕时网站出现异常的情况。为此,我真的建议学习CSS。

答案 1 :(得分:1)

页面上的所有DIV都位于“绝对”位置,因此它们相对于窗口边界处于位置。

我没有看到任何直接的一行修复,你需要更改标记内的代码位。

#container内首先写下#navigation然后#content然后再写#nav2。然后使用CSS定位,但“相对”,以及float