• 締切済み

cssがIEだけ正常動作しない。

cssがIEだけ正常動作しない。 一生懸命ショッピングサイトを作りました。 http://strawberryjam.co/ マックやファイヤフォックス、サファリは正常に動作しますが WindowsのIEのみ画面最上部のロゴなどヘッダー全体が異常です。 リンクを張っている画像にマウスを持って行くとIEの場合のみレイアウトが崩れます。 なぜこうなるのかCSSも見るのですが、見当がつきません。 回避策、解決策いただけますと有難いです。

  • HTML
  • 回答数1
  • ありがとう数5

みんなの回答

noname#118451
noname#118451
回答No.1

これは正確にはIE8でa:hoverに背景色を指定したときに起こるバグです。 対処方法はいろいろありますが、とりあえずcssの上のほうに a{ display:inline-block; } を追記しておけば直ります。

関連するQ&A

  • IE6に対応させたcssハックについて

    cssベースでHPを構築しています。 ヘッダー、そしてメインブロックの中にレフトボックス、 ライトボックスを入れた2カラムです。 レフトボックスとライトボックスはフロートで調整しています。 ブロックにフロートを使うとIE6でマージンオートが適用されないという 話を聞き確認してみたところ、確かにIE7,ファイアーフォックスでは きちんと背景の真ん中にコンテンツが表示されているのですが、 IE6で見てみるとズレが生じています。 マージンオートが適用されず、左側にヘッダー、メインボックス全て くっついている状態です。 ハックを使うことがポイントのようなのですが、 IE6用にどのようにスタイルシートに記述すれば宜しいでしょうか?? IE6しか読み込まない子供セレクタを使うというものもありましたが px指定してもパソコンの画面サイズでずれが生じるといったことは ないでしょうか? cssに詳しい方宜しくお願い致します。

  • ie7が開かなくなって困ってます

    osはvistaです。 IE7で開こうとすると、 InternetExplorerは動作を停止しました 問題が発生したため、プログラムが正しく動作しなくなりました。 プログラムは閉じられ、解決策がある場合はWindowから通知されます。 というメッセージがでて、立ち上がらなくなってしまいました。 ファイフォックスをインストールしていたので、なんとかインターネットに接続はできるのですが、 仕事上IE7でのデザインを見たりしなければならず困ってます。 再インストールやファイヤフォックスのアンインストールなども考えましたがデータが消えてしまったり、ネットに全くつながらなくなることが怖くどうしたらよいか分からない状態です。 どなたか、このような状態の解決策を知っていましたら教えていただきたいと思います。

  • CSSが反映されない(IE)

    こんにちは。 調べてみても原因が見つからないので質問させていただきました。 Firefoxで動作確認をしたXHTMLとCSSで作成したwebsiteがあります。 そのsiteをIEで動作確認したところ、CSSが全く反映されていませんでした。 文字コードをEUCにして作成したのですが、IEで文字エンコードをshift_jisにしたらレイアウトはガタガタに崩れていますが反映はされるようです。 しかし、バグってしまって文字がおかしくなります。 cssが反映されないと文字は正しく、反映されると文字化けしている、という状況です。 動作確認はFirefox、Operaで行ないました。 全くの初心者ですがどなたかアドバイスをお願いします・・・

  • IEが正常に閉じれない

    ここ数日で起こるようになったことなのですが、 ネットするためにIEを開いて、 そこまでの動作は全く問題にのですが、 IEを閉じようとすると、正常に閉じられず、 「InternetExplorerは動作を停止しました」と表示され、 強制終了されてしまいます。 たまたまならまだしも、 毎回IEの閉じるボタンを押すたびにエラー落ちしてしまうので 困っています。 何か解決策わかるかたいらっしゃいませんか?? ちなみにOSはWindowsVista IEは7です。

  • cssでのナビゲーションのレイアウトについて

    ナビゲーション用のロゴとメニュー用ボタンをflashで作り、cssでレイアウトを試みているのですが、希望の通りにできません。 希望のレイアウトは、 ※ヘッダー(サイズ:760×59.8PX)の左端にロゴマーク(126×59.8PX)、その右側にメニュー用のボタンを配置。 ※メニューボタンは全部で3つあり、A(サイズ:80×36PX)、B(75×34.2PX)、C(75×36.3PX)で、ロゴの右側になるべく等間隔で配置したい。 というものです。 これまでに試したのは、 1、<header>内に、ロゴとメニューのボタンを全てリスト化して配置し、一つずつmarginのサイズ調整。結果、IEではヘッダーのサイズが上下に広がり、ロゴの下側にメニューが3つ並びます。 FireFoxでは、ヘッダーのサイズは指定のままですが、メニューがヘッダーの下側に並んでしまいます。 2、次に、ロゴとメニューを左右にfloatで振り分けようとしたところ、IEでは全てのボタンがヘッダー内の左上に固まってしまい、FFでは、メニューボタンが本文にかぶさってしまいました。 長い質問になってしまって申し訳ありませんが、改善点をご指摘いただけないでしょうか?よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • CSS 上下に余白なくtableを広げたい

    今回、WEBサイトをCSSで作成しているのですが、IEだと予定通りに表示できFire Foxだと表示できないというところで躓いてしまいました。 width: 900px; margin: 0px; height: 100%; min-height: 100%; background-color: #000000; このCSSをtableタグで呼び出しているのですが、Fire Foxだと一番下に空白ができてしまいます。 この空白を取っ払いたいのですが、どのようにすればいいのでしょうか。 ご存じの方がいらっしゃいましたら、ご教示ください。よろしくおねがいします。 Fire Fox Ver.10.0.2

    • ベストアンサー
    • HTML
  • IE7以下でcssが読み込まれません。

    はじめての投稿です。 現在wordpressで会社のサイトを制作しているのですが、 IE7以下で、htmlはすべて読み込まれているのですがcssが読み込まれていません。 ・php初心者です。html、cssに関しては一通り記述できます。 ・IE8、chlome、firefoxでは正常に動作しています ・テキストエディタ(terapad)を使用して記述しています。 ・ffftpにてアップロード。 ・css、htmlの保存形式はUTF-8N。 ・cssの一番最初に@charset"utf-8";を記述。 ・htmlにもUTF-8を宣言しています。 ・サーバ:ロリポップ 何か必要な情報がございましたら、ご連絡いただければ回答いたします。 どうすればie7以下でcssを読み込むのでしょうか? どういった可能性があげられるでしょうか? ご教授よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • IEだけ正常にupdateできない

    【サイト】http://low-cost-travel.lk6.co/test910.php IEの動作確認を忘れていた為、先程確認したら正常に動いてませんでした。 FF・GCでは正常どおり更新の処理が行われて書き換えたデータが表示され なぜかIEのみ全角だと正常に更新が行われず困っております。 全角の文字で保存する場合文字化けしているのではないかと思い、文字コードを UTF-8にするようにしてますが、それでもIEは正常に更新処理が行われません。 何が原因でどうすれば直るのかが分からず大変困っております。 OS windows 7 ブラウザーのバージョン IE:11 Firefox:39.0 google chrome:43.0.2357.134 m jQueryのバージョン 1.9.1 [ サ イ ト ]http://low-cost-travel.lk6.co/test910.txt [ デザイン ]http://low-cost-travel.lk6.co/test910-stylesheet.txt [ダイアログ] http://low-cost-travel.lk6.co/test910-dialog.txt [ダイアログ] http://low-cost-travel.lk6.co/test910_u1000_select.txt [ダイアログ] http://low-cost-travel.lk6.co/test910_u1000_update.txt テーブル UPDATE_INFO id text,type text,class text,hiduke text,title text,naiyou text どなたか大変恐縮ですがご教示よろしくお願いします。

  • IEをfire fox表示にすると画面表示がずれます

    IEをfire fox表示にすると画面表示がずれてしまいます。 IEでは正常に表示されるのですが、 fire foxで表示させると、表示画面が全体的に 左によってしまいます。 さらに左プラグインにセンターの部分が食い込んでしまっています。 センターが425pxでプラグインが195pxなので、センターの幅の内  195pxが重なってしまっているということになります。 なぜかセンター内の記事は余った 230pxの狭い範囲の中で細かく改行されながら 表示されているので、すごく読みづらいです。 IEとfire foxでCSSの認識の仕方が違うということが原因のようですが 色々調べていじってみたのですが、一向に改善しません。 ・どのような場合にブログ全体が左端へずれるのでしょうか? ・またどのような場合に左プラグインにセンターの部分が重なるのでしょうか? この点ご教授いただけると嬉しいです。よろしくお願いします。

  • CSSの他ブラウザでの崩れの対処方法を教えてください!

    当方ネット初心者が集まり、右往左往しながらネットショップを運営しております。 今回新しいトップページを全部CSSで作成し、 先日リニューアルオープンしたのですが問題が発生しとても困っていますのでぜひお助け願いたいと思い書き込ませていただきたいと思います。 現在、検証の結果ウインドウズのIE6.0とIE7.0では正常に表示されるのですが、MacのFire Foxとsafariではレイアウトがグチャグチャになってしまいます。 また、重た過ぎるのか時々正常にブラウザに映し出されない事があります。写真の画質を落とせばいいのですが、ネットショップの性質上落としたくありません。。。 ざっと素人が説明させていただきましたが、 当方のHPのURL載せておきますので、至急アドバイスをいただけましたら幸いです。 宜しくお願い致します。 Mari Pulang http://www.rakuten.ne.jp/gold/luckygo/

    • ベストアンサー
    • HTML

専門家に質問してみよう