Safari以较低的分辨率切断内容

时间:2011-08-09 20:34:58

标签: jquery css safari

由于this site上的某些原因,Safari在低于1024x768的分辨率下切断了内容的底部(如,完全不渲染)。我无法在任何其他浏览器中复制此问题,我能够找到的唯一解决方案(我目前已实现)是在Safari中为#content div设置一个设置高度。问题在于内容是动态的并且大大短于其容器,导致容器内容很少的巨型容器。

任何帮助都会非常感激。我已经盯着这两天了,我不知道Safari为什么会遇到这么多问题。我已经尝试更改CSS和jquery来修复它,但没有骰子。

2 个答案:

答案 0 :(得分:0)

看起来你正试图把它放在右下方?

这似乎是你想要做的......或者更合适的甚至是位置:固定;底部:0;

将页脚设置为固定位置,不确定您使用的是哪个ID /类,但是:

footer {position:fixed;bottom:0;}

哦也 - 你可能只想给内容div一个底部高度的边缘,这应该将页脚总是放在底部(它在我的mac safari中被切断了)并且还允许足够的如果内容位于页脚下方,则内容下方会有间隙。

答案 1 :(得分:0)

这可能是由于stylesheet.css第38行的CSS重置规则所致。

body,html{
    height:100%;
}

另外,请看: Stick Footer Issue in Safari & Chrome

似乎Safari处理问题。