与Mozilla V.S.的绝对DIV定位。野生动物园Chrome V.S. IE

时间:2011-08-27 11:48:03

标签: google-chrome html safari positioning mozilla

我遇到浏览器兼容的div定位问题。我正在做一个带有按钮的图像地图,它位于不同的div中。这些div倾向于在firefox中移动,在safari和chrome中一切都没问题。

他们倾向于向下移动。

更改doctype似乎会影响firefox中的渲染。但是这些doctype似乎都没有用。

检查firefox中此链接上的阿尔及尔按钮,你会明白我的意思。

http://kareldc.com/grimonprez/index_js_animatie_clicks.html

任何帮助=非常感谢!

1 个答案:

答案 0 :(得分:1)

<body>元素仍在使用浏览器的默认边距和填充值(8px),这可能会导致您看到的差距。

另外需要注意的是,虽然您的图像具有明确的高度,但它们周围的<div>实际上比这些图像高。

例如,您引用的图像高度为37px。它被#button_8_algiers div包围。

  • 在Firefox中,该元素高43像素,比图像高6个像素 - 您拥有的像素空白的确切数量。
  • 在chrome中,元素高41px,比图像高4个像素。但是,由于某种原因,Chrome可以将其设为正常。