跨越不同浏览器的定位

时间:2012-05-16 16:55:28

标签: position absolute

我遇到了一个问题,即页面上自己级别的元素在不同浏览器中的位置不同。这是幻灯片放映; http://nevillebeandesign.com/Tattoo/bobShaw.html 在Safari中,它比Firefox和Chrome高几个像素,而在Opera中要低得多。我不得不减小它的大小,因此它不会与背景图像中的红线重叠(最初在Safari中它紧密地配合在2条红线之间)。我可以在文档头中放置一些可以调整不同浏览器定位的修复方法吗?谢谢!

1 个答案:

答案 0 :(得分:0)

问题与< object>有些相关。您正在使用的元素,它插入到单元格中。此外,由于您依赖于过时的标记结构(表格),许多旧的怪癖开始发挥作用。基本上,您的元素在CSS中称为内联块。这意味着它可以接受vertical-align属性。但是,在您的情况下,您强制浏览器使用其内部算法,因为您已使用align属性(不建议使用)。这就是为什么你在各种浏览器中看到不同的垂直对齐。要解决此问题,请为对象的元素提供指定的高度,并尝试将“vertical-align:middle”CSS声明应用于对象本身。您还可以尝试在对象的容器上设置适当的“行高”。