2011-11-28 91 views
0

我希望这有助于解释我有 enter image description here 我最近设计了一个水平滚动的投资组合为客户的问题,权利和水平网页设计过错,是sligtly单独的话题,但可惜的客户希望有所不同。问题与格的图像尺寸

我有一个真正的问题与底部的div虽然随着显示器的大小减少了创建浏览器滚动条向下,因为div图像重叠显示器的大小。

不会是这么大的问题,但由于水平网站的性质,它产生了一个区域性的滚动效果。

是否有防止使用css或其他解决方案从实际显示器尺寸扩展屏幕?当我打字时,我可能正盯着答案,但大脑似乎并不幸运。

回答

0

假设内容区域的高度灵活且背景div是固定高度,那么这应该解决它(防止内容区域比浏览器高度更大)。对于这里的目的,我会假设你已经针对这些div的一些方式:

html {height: 100%;} 
body {height: 100%; position: relative;}  
#content {position: absolute; top: 0; bottom: (whatever the height is of your bottomBkg);} 
#bottomBkg {position: absolute; bottom: 0; left: 0;} 

,如果这是你所关心的#content合并顶部/底部将无法工作在旧的浏览器。

0

你可以用CSS3:

HTML {溢出-Y:隐藏;}

这将防止垂直滚动