人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

http://point-savings.seesaa.net/

グーグルクロームを使っていて気づかなかったのですが、
IE8で見ると本文が左カラムの下に表示されてしまします。

原因を追及できた方のみに250ポイント差し上げます。

●質問者: j015
●カテゴリ:インターネット ウェブ制作
✍キーワード:IE8 カラム クローム グーグル ポイント
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● hanako393
●0ポイント

地道に、幅を調整するしかありません。

#container

width:1000px;

となってますが、これを少し広げるだけで直る可能性はあります。

◎質問者からの返答

残念ながら不正解でした。


2 ● IwstsI
●10ポイント

通常

とならなければいけない所が

となっています。

links-left(左サイドバー)内にdivタグの閉じ忘れがあるようです。

<div id="links-left">
<center>おすすめ購読書<br>
<div>8月12日発売<br>
↑このdivが閉じ忘れている
◎質問者からの返答

正解でしたが、ycyc様が早かったため若干Pとさせていただきます。


3 ● ycyc
●250ポイント ベストアンサー

htmlを簡単にすると、以下のようになっています

<div id="links-left">
<center>おすすめ購読書
<div>8月12日発売
</center>
</div><!--※-->
<div id="content">
<div class="blog">
<h2 class="date">2010年08月21日</h2>

8月12日発売のブロックに対する/divがないので、レイアウトがおかしくなっているようです。

グーグルクロームは、centerを優先して、8月12日発売のdivが閉じてしまったと思い、※の/divはdiv id="links-left"に対応すると解釈している。

IEは、divが閉じていないと判断し、div id="links-left"の/divがないと思っているため、※の/divは、8月12日発売に対応すると解釈している。そのため、div id="content"が、div id="links-left"の中に入ってしまっていると思われます。

◎質問者からの返答

ありがとうございます。

divの閉じ方でカラム落ちが発生するとは考えていませんでした。

このたびは調査ありがとうございました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ