Opera / IE到FF的CSS列高度不同

时间:2010-04-25 21:21:44

标签: css firefox opera margin

感谢所有帮助我上一个问题的人,但我有一个新的与浏览器无关的问题:

出于某种原因,我正在处理的网站上的图像导航器(尚未运行)目前没有显示在Firefox上的正确位置。它出现在IE8和Opera的正确位置,但Firefox似乎有问题。

从下图中可以看出,imageContainer div(图像和左/右箭头)出现在页脚的顶部,这就是它应该如何看,即它在IE8和Opera中的外观。

opera image http://img686.imageshack.us/img686/5872/operat.jpg

但是在下面的图片中,由于某种原因,imageContainer div正在切入页脚div,我不知道为什么。

firefox image http://img339.imageshack.us/img339/6069/firefoxlz.jpg

imageContainer有一个margin-top: 110px;可以将其放在其列底部的正确位置。有2列,左边是段落和imageContainer,右边是日历和联系方式。页脚div也有clear: both;

此外,不只是图片落入页脚,它也是箭头,只是它们与页脚的颜色相同,所以这不是很明显。

为什么它没有正确显示的任何想法?是否有更好的方法将imageContainer与其底部的列对齐(以保持网站的框形状),而不是使用margin-top来定位它?

提前致谢,

infinitifizz

P.S。

完全忘记了我没有发布网站的链接,这里是我有一些临时空间来托管它:Temp Hosting

1 个答案:

答案 0 :(得分:0)

无法访问实际网站会让您难以回答,但您可以尝试position: relative; bottom: 0之类的内容将项目放在底部。