水平ドロップメニュー（子メニュー）chrome、ie9、firefox、safariの位置が異なっています

Question

私はこの問題を把握するのに3日間を費やしてきましたが、実行可能な解決策は思い付きません。

iveでも、javascriptを使って各ブラウザに合わせたスタイルシートを読み込もうとしましたが、それでも動作しませんでした。

私の問題は、私の水平メニュー（http://mydomainsample.com/fire_rebuild）が完全に細かいクロムを表示していますが、私がサファリまたはFirefoxで読み込んだときに、子メニューの位置がずれています。奇妙にも十分なIE（9）は、他の2つより正しいものに近いが、それほど正確ではない。

私はスタイルシートを使って演奏していますが、それがfff、safari、またはchromeでねじれている場合は正しく表示されます。

私はすべてのブラウザで動作する解決策を見つけることができないようです。

誰かが私にこの解決策を見つけるのを手伝ってもらえますか？ iveは別のメニューを使用しようとしましたが、これは一番良く見えますが、使用されている垂直方向の雫はメニューとスライドショーの間でZ-インデックスの問題を解決します。

Answer 1

srcはリンクタグのオプションの属性ではないと思います。最初の2つのようなhrefで置き換えてください。 Firefoxのページを見ると、上記の2つのファイルはインポートされていません。

これらのリンクタグ内のファイルの順序も非常に重要です。

のhref = "スタイルシート/ reset.css"

のhref = "スタイルシート/コーダスライダー-2.0.css"

あなたは既にそれらを持っている場合、私は知りませんが、FirefoxとChromeは放火犯を持っていますそして生活を楽にするWeb開発プラグイン。

Answer 2

jQueryがv1.7.2にアップデートされました。私はあなたのすべてのプラグインを更新する&それが役立つかどうかを参照してください。

Answer 3

まず、異なるブラウザに合わせて適用したすべてのjavascriptを削除します。これはあなたの問題

はまた、あなたのページの幅は1220pxで解決します

希望： は、その後のstyle.cssライン83（ホバー> UL UL＃のNAV李）にwidth:750px;とleft: 548px;を削除します。小さな画面サイズに対応するには、960pxの幅で固定します。