2016-04-09 19 views
0

Safariで動作するように私のサイトを取得するのに少し問題があります。Safari CSS配置の問題

いくつかの詳細。

私はWindows v5.1.7にsafariを使用していますが、この問題はipadでも発生しています。

サファリで起こっている1要素の位置付けです。ユーザーが通貨を選択できるように小さなドロップダウンです。これはheader.phpを使用してWPテーマに配置されています。

私が使用しているコードは、私は満足していた位置にそれを取得するためのコードのスタイルを持っていた

<div class="currencytop" style="right: 85px; top: 6px; width: 9%;"><?php echo do_shortcode('[woocs]'); ?></div>

あり、それはサファリを除くすべてのブラウザでOKになります。

あなたが(サファリの社会のアイコンの下にクロムが、シフトに右上)をここに私のホームページに違反している要素を見ることができますhttp://escapeandco.com/

それを修正する上の任意のヘルプは大

おかげ

+0

ウインドウのサイズを変更した場合、id = "undefined"の少数の要素を移動すると、動き回るdd-pointer-downアイコンが心配になります。 –

+0

私の質問の一部ではありませんが、ポインタは削除されているので、問題ではありません。サファリの問題にはどんな考えがありますか? – user2339515

+0

何もしない右と上の値をすべて削除した場合は、メニュー内の他のすべての要素と同様に "float:left"を追加するだけでOKです。 –

答えて

-1
をいただければ幸いです

あなたはブラウザを検出し、サファリのために異なるCSSを実行することができます。ブラウザを検出する方法を確認してください。enter link description here

+0

私は専門家の答えを見てみましょう。私はもっ​​と運動が必要だと思います。 –

+1

このコメントは質問に対する回答ではなく、説明のないリンクがあります。彼の問題はSafariでの要素の動作を理解するのではなく、ブラウザに基づいてさまざまなスタイルを選択する方法ではありませんでした。また、技術的には、あなたの答えは間違っています。ブラウザの種類に基づいてCSSを変更すると、10年前に動作していた可能性があります。ブラウザが3つ程度であったときには、メンテナンスの自殺です。 –