-
ID:10t9pr さんの質問

なんちゃってコーダーです。
初歩的な質問で申し訳ないです。

先日サイトのコーディングをしたのですが、
ある一部のマシンのSafariで一部レイアウト崩れがおこってしまいました。
見てみると、外部サイト(ECとアメブロ)へ繋げるボタンだけ、
黒い縁取りになって、CSSが効かない状態の位置に移動しておりました。

他のマシンの同バージョンのSafariでは異常なし。

ただのレイアウト崩れだったら、黒い縁がつくのはおかしいですし、
いろいろ考え、原因はそのマシンに入れてある
セキュリティソフトノートンのせいではないかと思っておりますが、
皆さんはそんな経験ありますか?

ご意見いただけますと幸いです。

みんなの回答 3 件

ID:kU/WTp さんの回答

Windowsだと、勝手にアドオンをインストールするソフトが沢山あるからセキュリティソフトが原因の可能性は大いにあるね。
ちなみに、「CSSが効かない状態の位置」って何?
通常、そんな位置は存在しません。仮にアドオンが悪さしていたとしてもね。

ID:jA9cki

ご意見ありがとうございます。
問題はwindowsじゃなくてmacのsafariなんです。

ちなみに、cssが効かない位置とは、
その問題のボタンに設定したcssのfloatとmarginが効いてないという意味です。

ID:qRJTE0 さんの回答

Chromeだと拡張機能が悪さしてJSをストップさせてた(=レイアウト崩れを起こしてた)、という例があるけど、こういう事例はあまり聞かないな。その端末固有の問題なら無視していいんでないの。

ID:jA9cki

ですよね、、無視しようと思います!

ID:gOXbtz さんの回答

safariなら例えば問題ある箇所の右クリック→「要素の詳細を表示」でレンダリング後のhtmlソースが確認できると思う。そこでコードを眺めて原因突き止めるのが面倒だけどやり方といえばやり方かも。

ID:jA9cki

ありがとうございます。これは知りませんでした。
クライアントのところへ行くときにちょっと試してみようかと思います!

最終更新日:2013-06-24 (4,379 views)

関連するトピックス

ページ上部に戻る