- 締切済み
ＣＳＳでレイアウトしたときにＩＥ6とＦＦ2でサイドナビの表示が異なります。
ＣＳＳでレイアウトしたのですが、サイドナビのショップ名一覧が ファイヤーフォックス２で見たときは、異常はないのですが、 ＩＥ６・ＩＥ７で見ると右ヅレしてしまいます。 CSSの設定方法が悪いのでしょうか？ 何故か分かりません。 すいませんが教えて下さい。 http://pairing.dayuh.net/index2.html
- gooman_may
- お礼率71% (5/7)
- CSS
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
みんなの回答
marginとpaddingどちらかが効いているからでしょう。 cssの最初の方で *{ margin:0; padding:0; } と指定してから作ると楽ですよ。
関連するQ&A
- CSSレイアウトについて
XHTML+CSSでレイアウトし、IE6、FireFoxで確認すると、横のずれはないのですが、縦の崩れができてしまします。 具体的にはIEでは正しく表示されているが、FireFoxで見ると、縦方向に余分なスペースができるといった具合です。 きちんとCSSで高さを指定していないことが理由でしょうか？
- 締切済み
- CSS
- IE8でのレイアウト崩れ
FireFoxでCSSを確認してレイアウトが問題なかったのですが、IE８で表示すると、とんでもない崩れが生じてしまいます。 CSSの解釈が違うのでしょうか？ いろいろ調べましたが訳が分かりません。 教えてください。
- ベストアンサー
- HTML
- IEとファイヤーフォックスでのレイアウト違い
外部CSSにてレイアウト組んだのですがIE７とファイヤーフォックスで微妙に違うレイアウトになってしまいます。。 IEですとメインフラッシュの横に１ｐｘ程度の白い空白ができてしまいます。 正しくはファイヤーフォックスのように空白がない というようにIEでも表示させたいのですが・・・・。 どなたかお力添えいただけると幸です。。 http://studio-evah.com/test/ cssは http://studio-evah.com/test/css/css.css です。 よろしくお願いします。
- ベストアンサー
- HTML
- IEだけ外部CSSを読み込まない
こんばんは。 レスポンシブサイトを製作中なのですがIEだけが外部CSSを読み込みません。 Chrome、Firefox、Opera、Safariなどのモダンブラウザは異常なく読み込みます。 IEに限ってどのバージョン（少なくとも８～11）もCSSを読み込まずHTMLだけのレイアウトです。 考えられる原因は何だと思われますでしょうか？ モノをあげられないので推測での話になると思うのですが、よろしくお願い致します。
- 締切済み
- CSS
- CSSのレイアウトがFirefoxで崩れてしまう
CSS初心者ですが教え下さい m(_"_)m 全体をCSSでレイアウトしているサイトを作成中です。 Blogのような3カラムで作成しております。 IEで表示すれば3カラムでレイアウトは崩れませんが・・・ Firefoxで表示するろ思いっきり崩れてしまいます （T_T) 1番右のボックスが右に表示さえれなく下に表示されてしまい、 フッダーが下ではなく、上にあがってきてしまいます。 サンプルページをアップしたので、IEとFirefoxを見比べて頂けると一目瞭然かと思います。 http://www.web.grrr.jp/bank/san/ CSSは3つで指定しています（テキストファイルでアップしてあります） http://www.web.grrr.jp/bank/san/styles-color.txt http://www.web.grrr.jp/bank/san/styles-site.txt http://www.web.grrr.jp/bank/san/styles-width.txt CSSハックは、あまり使いたくないので、CSSのタグを何とか修正して、 Firefoxでも綺麗に表示させたいのですが・・・ 修正箇所等がわかる方がいらっしゃいましたら、教えて頂ければ幸いです。 どうぞ宜しくお願いします m(_"_)m
- ベストアンサー
- その他（プログラミング・開発）
- ie7の印刷レイアウトがくずれます。css対策
質問です。 印刷についてのIE7対策をうかがいたいです。 画面上はまったく問題ないのですが、 いざ、印刷となると崩れてしまいます。 フッターがメインメニューの半ばまで せりあがって （崩れた形）で印刷されてしまいます。 たぶん3のメニューが短いからか... (今後 a-2 が更新する可能性があるためにheightはautoに してありますが。。) 対策としてはどうしたらよいでしょうか？ よろしくお願いします。 ※print用のcss はすでに作成しています。 IE8,ＦＩＲＥＦＯＸについてはフッターを css改行コードに強制改ページさせることにより 修正は成功しています。 メイン部分のレイアウトとしてはこういった感じです。 http://css.uka-p.com/3column/image.html レイアウトの順番としては。 0コンテナでつつんでます。 1ヘッダー height=auto 2メイン height=auto float: right; （内部）a-1 右エリア height=auto float: right; （内部）a-2 メインの部分 height=auto float: none; 3左メニュー height=auto float: left; 4フッター height=auto clear:both; ちなみに画面上では ie6,ie7.firefoxはまったく問題が ありません.... よろしくお願いします。
- ベストアンサー
- CSS
- cssで指定した文字の大きさがIE6とIE7で違う
cssでレイアウトを指定したサイトを作りました。 IE6、Opera9、Firefox2でうまく表示ができました（微妙にFirefoxだけ文字の大きさが小さいですが、ほぼレイアウトにあっています）。 が、先日IE7で確認するとフォントサイズが大きくなっていました。 cssではfont-sizeを、bodyが12px、各id、classはそれぞれ11px、10pxとしました。 IE7だと13pxくらいに見えてしまい、レイアウトをはみ出て表示されています。 IE7をIE6と同じフォントサイズにするにはどのように指定すればよいのでしょうか？ ちなみに文字の大きさは固定でブラウザで大きさを変更できないようにしたいのです。 すみませんがよろしくお願いします。
- 締切済み
- HTML
- どう変更してもＩＥ６だけＣＳＳレイアウトが崩れてしまいます。
ＣＳＳレイアウトで、サイトを作成していたのですが、 最近になってＩＥ６で確認してみると、レイアウトが崩れまくっていました。。。 ３カラムレイアウトなのですが、Ｆｉｒｅｆｏｘ等他のブラウザではきちんと表示されるので、なぜかＩＥ６だけ縦１列になってしまいます。。 こちらのサイトでもＩＥ６はレイアウトが崩れやすいという情報がたくさんあり、そちらのアドバイスを参考にしながら１日かけてがんばってのですが、できませんでした。もう限界です（涙） 現在のＣＳＳは、 * { margin:0; padding:0; } .wrapper { width: 740px; margin: 0 auto; } .header { width: 740px; } .main { width: 740 px; /* 両端ブロックとコンテンツを囲んでいるクラスです。 */ } .menu {display: inline; float: left; width: 205px; } .contents {display: inline; float: left; width: 385px; } .affiliate {display: inline; float: left; width: 150px; } .footer { clear: both; width: 740px; } というような状態です。 どなたかアドバイスいただけますと大変幸いです。 よろしくお願いいたします。
- ベストアンサー
- HTML
- dreamweaverでCSSのレイアウトが勝手に崩れる・・・
はじめまして。 実はdreamweaverでCSSスタイルでHPを作成しています。 なんとかレイアウトを整い、画像をはめ込んでいったのですが、ふとした瞬間にレイアウトが一気に崩れてしまいました。 もちろんCSSはいじっていません。それを証拠にindexとほかのページをテーブルにしてわけているんですが、インデックスだけ崩れています。 心当たりといえば、作業のウインドウのサイズをさわってしまったぐらいです・・・ 元に戻してもレイアウトは崩れたままです・・・ どうすれば元に戻るのでしょうか？ ちなみにIEでチェックしてもレイアウトに問題はなかったのですが、どうも作業がやりづらいです。
- 締切済み
- HTML
- ieやfirefoxで。cssレイアウトが印刷時崩れる。
cssでレイアウトしてます。 ieやfirefoxでの ブラウザ上（画面）表示ができるのですが、 いざ、印刷プレビューや印刷になると レイアウトが 崩れてしまいます...どのような 解決策。問題点があるのでしょうか？ 印刷ページが中途半端にページをまたいでしまうから？ marginとpaddingがゴチャついて ダメ。 いろいろ考えられますが。。。 よろしくお願いします。
- ベストアンサー
- CSS
お礼
ありがとうございます。 #shop ulの margin:0; padding:0; にしたら解決しました。 ＣＳＳは各ブラウザの癖に慣れていかないと 結構難しいですね。 ありがとうございました。