グーグルクロームを使っていて気づかなかったのですが、
IE8で見ると本文が左カラムの下に表示されてしまします。
原因を追及できた方のみに250ポイント差し上げます。
No.3
37
6
250pt
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"の中に入ってしまっていると思われます。
No.1
114287
地道に、幅を調整するしかありません。
#container
width:1000px;
となってますが、これを少し広げるだけで直る可能性はあります。
残念ながら不正解でした。
No.2
619
10pt
通常
とならなければいけない所が
となっています。
links-left(左サイドバー)内にdivタグの閉じ忘れがあるようです。
<div id="links-left"> <center>おすすめ購読書<br> <div>8月12日発売<br> ↑このdivが閉じ忘れている
正解でしたが、ycyc様が早かったため若干Pとさせていただきます。
No.3
376
ここでベストアンサー
250pt
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の閉じ方でカラム落ちが発生するとは考えていませんでした。
このたびは調査ありがとうございました。
60
59
2
ありがとうございます。
divの閉じ方でカラム落ちが発生するとは考えていませんでした。
このたびは調査ありがとうございました。