布局右侧的空白区域

时间:2012-07-03 04:01:39

标签: html css firefox fancybox 960.gs

刚刚在http://awesome.redfishbluefishmedia.com为我的公司建立了一个网站,我注意到一个奇怪的问题。

只有当您的浏览器开始大约1000px宽时,我才会在页面右侧看到空白区域(这是一个问题,因为iPhone显示的大小与此大小相当,而且在加载家庭时它在iPhone上非常明显第一次页面,因为有一个Fancybox弹出窗口,在主页上出现一次)。你可以滚动得比你本来应该的更远。

这是一个侧面,并搜索了元素,我找不到任何似乎推翻它(除了可能主页上的滑块,但这个问题也出现在其他页面上)。

有人可以帮忙吗?无法理解,我觉得这必须是明显的。

使用960.gs网格标准化我的布局。

更新:我添加了这个......

body, html {
     overflow-x: hidden;
}
我认为,这解决了我的问题,但我仍然不知道为什么我会看到滚动问题;如果有人能够启发,你仍然会非常感激。

1 个答案:

答案 0 :(得分:0)

您好现在只需删除overflow-x: hidden并在min-widthbody标记中添加html,就像这样

body, html {
    min-width: 1207px; // add this line 
    overflow-x: hidden; // remove this line 
}