CSS定位/ Safari

时间:2012-03-01 05:05:13

标签: css

我通常在使用IE时遇到问题,但这次IE播放效果很好......

我一遍又一遍地看着我的代码,谷歌问了这些问题,但我还没能解决它......

你能看看吗? RCN e-Cycle

左侧的地图正确渲染,我的意思是使用CSS定位的地名。

我也使用相同的代码输出一个独立的地图以嵌入其他网站,这显示为 - Standalone map

但是,当我在我的网站上的另一个页面上使用相同的代码时,定位全部关闭......

而且,进一步说。 我在Win7机箱上的FF10,Safari 5.01 IE9和Chrome 17上进行了测试 一切都很好。

然而,我今天在Safari的OSX 10.6机顶盒上看到它,并且定位已关闭。 它的定位与我的错误页面相同 - dev.webwork.net.nz/e-cycle/locations /

如果我的错误页面和OSX中的Safari显示相同,我觉得这是一个简单的错误,但一切都不正确。

有人可以看看他们是否可以指出我正确的方向。

干杯

1 个答案:

答案 0 :(得分:0)

我怀疑它是因为您正在定位标签relative,然后为它们提供顶部和左侧。这告诉浏览器将每个标签与通常在流中出现的位置相对应,并且此值可能因浏览器而异。如果使用绝对定位,它会完全取出流中的元素,并让您告诉浏览器相对于左上角原点放置它们的位置。

我建议您改为: (1)定位ul持有所有标签" position: relative"。这样做: (2)定位单个标签" position: absolute"。然后,您需要调整每个标签的顶部/左侧值,但是您应该获得一致的,可预测的行为。

祝你好运!