- ベストアンサー
IEのバグでmarginを同じ方向にかけると2倍になってしまうそうです
x_lady007の回答
厳密にはIE6のバグですね。 以下のページにバグのデモと解決法が掲載されていますので、IE6と他のブラウザで比べれば一目瞭然です。 http://www.webbibo.com/stylesheet/layout/margin_double.html 出現率の高いバグの一つですね。
関連するQ&A
- margin-left(right)が２倍になるとき、ならない時の違い
CSS勉強中のものです。 IE６ではfloatに同じ方向のmarginをつけると２倍幅がとられてしまうということを聞いたのですが、実際に試してみると、その現象が起きるときと、起きない時があります。 これの具体的な違いななんなんでしょうか？ いままで手当たりしだいでやってきたので、基本的な知識が欠けているので、詳しく教えていただけると助かります。 どうかよろしくお願いいたします。
- ベストアンサー
- HTML
- IEでの表示のバグの修正
IEでの表示のバグの修正 サイト構築をしているのですが、インターネットエクスプロラーで見ると、 ・table の margin:0 auto が効かない。 ・左の table セルの li と li の間にマージンかパディングができている。 ・中央の table セルの li の位置指定が効いていない。 その他にもいろいろバグがみられると思います。 どのように対処したらいいでしょうか。
- 締切済み
- その他（インターネット・Webサービス）
- ＩＥ８ はまだ バグが あるのでしょうか
OS：Windows XP SP3 Webブラウザとして ＩＥ８を使用しておりますが HPを開いたときに 時々 エラーが発生します その時は しかたなく FireFoxを 代用しております ＩＥ８ はまだ バグが あるのでしょうか？ 設定等で 直りますか？ お勧めの ブラウザは？
- ベストアンサー
- その他([技術者向] コンピューター)
- 同じIE8なのに機種によってmarginが効かない
Mac OS Xで自サイトを制作しています。 Windows XPもあるので、確認しているのですが、その限りではおかしい所は見当たりません。 ところが、他の方のWindowsで見た時に、marginが効かずに、ヘーダーのdivとインナーのdivがぴったりとくっついてしまっている部分があります。 いろんなWindowsで見て、全てIE8で確認しているのですが、機種によって（？）離れたりくっついたりと違いが出ます。 効くものは効くし、効かないものは効かないという感じです。 ブラウザの種類やバージョンの違いでこうなるのはまだ分かるのですが、同じIE8で見ているのにこのような違いが出るのはなぜなのでしょうか？ また、この問題を解消して、ちゃんとスペースが空くようにするには、どこを変えると良いのでしょうか？ 自分のWindows環境ではちゃんと表示されているので治すに治せません。 ご教示お願いします。 body { margin: 0; } #wrap { width:802px; margin:0 auto; } #header { padding:16px; } #inner { margin:16px 0; padding:0 8px; } #footer { padding:16px; } 背景色指定など、直接関係しないものは省略しています。 <body> <div id="wrap"> <div id="header">ヘッダー部分</div> <div id="inner">インナー（サイトのメイン）部分</div> <div id="footer">フッター部分</div> </div> </body> inner側でmarginを上下に設定しているのが問題なのでしょうか。 しかし、それでもinnerとfooterの間はちゃんと16px分空いているのです。 なのに、headerとinner側に限って空いたりくっついたりするというのが分かりません。
- ベストアンサー
- ブラウザ
- ie6と7で問題が・・・
完成間近の段階で気づいたのですがIE6とIE7でmarginのbottomに 限り指定数値の倍くらいになります。 ※IE8やFFなど他のブラウザでは全て同じように見えます。 1：margin: 0 0 5px 0; 2：margin-bottom: 5px; 3：margin-bottom: 0.5em; 上記で試しましたがどれも同じ結果で解決方法を検索してみたのですが 横マージンが倍になる場合の対処は複数あったのですがbottomだけと いうのはみつからず質問させていただきました。 考えられるケースがありましたら教えてください。
- ベストアンサー
- HTML
- ＷordPress バグなのかな？
ＷordPressのバグですか？ 外観 / テーマ編集 / スタイルシートで繰り返しスタイルを変更していました。 すると、ブラウザ（IE8）にCSSが適用されなくなりました。 Firefoxでは適用されています。 /*-- 効かなくなったスタイルは以下になっています。 --*/ div#container { margin: 0 auto; } 以上、よろしくお願いします。
- ベストアンサー
- CSS
- IEが何度も開くバグがおきます。
zip形式のファイルを起動させようとしたら、 IEが何度も開くバグがおきます。 vista2008です。パソコンはあまり詳しくありません。 お願い致します。
- 締切済み
- その他（インターネット・Webサービス）
- IE6.0のバグ
いつもお世話になっております。 IE6.0のブラウザでの表示についてお願いします。 htmlと外部cssでレイアウトしているのですが、 IE6.0の表示だけがずれてしまいます。 #hr { position: relative; width: 700px; height: 5px; background-color: #000000; margin: 3px 0px 0px 0px; border-style: none; padding: 0; } を指定してある<hr>がうまくいきません。 <hr>の上下に空白(幅)ができてしまいます。 いろいろ検索して対処法を考えたのですが、 どれもうまくいきませんでした。 どなたかわかる方、宜しくお願い致します。
- 締切済み
- HTML
お礼
ありがとうございます、勉強させて頂きます。