http://www.thabiland.com/

上記サイトでCSSの設定が上手くできず、ブラウザ間で幅の表示がずれてしまって、困っています。

1、上記サイトのメニュー直下に、「プロモーション中の・・・・」という見出しの下に、枠があるのですが、Charomeだと枠がはみ出してしまいます。

2、コンテンツを囲うように、黒いボーダーが両サイドについているのですが、Chromeだとボーダーがずれてしまいます。

これらの問題を解決するには、どのようにCSSを記入すれば良いか、教えていただけると助かります。
どうぞよろしくお願いします。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2012/06/02 19:18:05
  • 終了:2012/06/09 19:20:07

回答(1件)

id:Cherenkov No.1

Cherenkov回答回数1502ベストアンサー獲得回数4922012/06/02 19:55:57

ポイント100pt

1.

.contentmid-detail {
  width: 613px; /* 645pxからpaddingとborder分を引く*/
}

613pxにするか指定しない(auto)。

2.

1090pxのdivと1080pxのtableのwidthをどちらかに合わせればフィットします。

他6件のコメントを見る
id:nobu55

http://www.thabiland.com/capture15.jpg
このような感じです。
IEのバージョンは、8 です。

2012/06/03 18:00:09
id:Cherenkov

DOCTYPE 宣言を変更してみてはどうでしょう。現在は互換モード(Quirks)に設定されています。
IEの古い方式でCSSが解釈されて表示されている状態。
試しにIE9の開発者ツールでドキュメントモードをIE8にしてみると揃って表示されます。
http://gyazo.com/7dfdd7e05ac2164c04c4f0864c3c4a61

<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.01 transitional//EN"><!DOCTYPE html>
にしてみるとか

私自身がよくわかっていないのでリンク紹介に留めておきます。

2012/06/03 19:01:34

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません