CSSのポジショニング/サファリ

Question

は、私は通常、IEの問題を持っていますが、IEは今回の素敵果たしてきました...

が、私は何度も私のコードを見てきた、とGoogle'd問題を、しかし、私はされていません...

をそれを修正することができ、あなたが RCN e-Cycle

で見ることができ左側のマップは、私はCSSのポジショニングを使用して地名を意味し、正しくレンダリングされます。 、私は自分のサイトにして別のページに同じコードを使用し、位置合わせを Standalone map

を - しかし、私はまた、他のウェブサイトに埋め込むためのスタンドアロンマップは、これはcorrctly表示出力に同じコードを使用しています

すべてオフです...

さらに、 私はFF10、Safari 5.01 IE9、そしてWin7ボックスのChrome 17でテストしました。 すべてがうまくいきます。

しかし、私は今日SafariのOSX 10.6ボックスでそれを見て、位置付けがオフになっていました。 それは私の間違ったページと同じ位置にあった - dev.webwork.net.nz/e-cycle/locations/

OSXの私の間違ったページとSafariが同じものを表示すると、しかしそれはすべて間違っている。

誰かが見て、彼らが正しい方向に私を指すことができるかどうかを見ることができます。

乾杯

Answer 1

私はあなたがrelativeあなたのラベルを配置して、それらをトップと左を提供しているからだと思います。これは、通常、フローに表示される場所から各ラベルをオフセットするようブラウザに指示します。この値はブラウザによって異なる場合があります。絶対配置を使用すると、フローから要素を完全に取り除き、ブラウザに左上の原点を基準に配置する場所を指定できます。

代わりに、あなたには： （1）あなたのすべてのラベル「position: relative」を保持しているulを配置してください。これを行うには、 （2）個々のラベルの位置を「position: absolute」にします。各ラベルの上端/左端の値を調整する必要がありますが、一貫した予測可能な動作が得られるはずです。

幸運を祈る！