ブログのサイドバーが下にくる
CSSとHTMLのレイアウト崩れに関する質問です。
サイドバーが下にずれてしまう原因として考えられるのは、
ブロック内にある、複数のブロックの幅の合計値が、親ブロックより大きくなってしまうからだと理解しています。
下のURLのブログは、突然サイドバーが下にずれるようになりました。
http://ameblo.jp/life-in-prague/
ためしにChromeのデベロッパーツールで、両サイドバーのウィジェットをひとつひとつ消してみたり、
skinContentsArea(サイドバーとメインコンテンツのラッパーの親ブロック)の幅を広くしたり、
下にずれているサイドバーの幅を10pxまで小さくしたり、
色々試したのですが、どうしてもサイドバーが正しい位置に戻りません。
しかも、「ブログデザインのCSSの編集」のプレビューモードでは、正しく表示されます。
ちょっとややこしい質問ですが、お時間がある方はどうぞ少しお時間を割いていただきたいです。
よろしくお願い申し上げます。
補足
直前に、table .prgevent, .prgevent tr, .prgevent td{padding:1px 10px;background-color:#EEE;}
table .bluecell{background:#0C54A9;color:#FFF;text-align:center;}をCSSに追加したのですが、関係ないと思います。
)
お礼
回答ありがとうございます。 まだ解決というか、どうしてなのかが理解しておりませんが 前記事を見ると配置が戻っていて 1番新しい記事では質問した内容になっていました・・・ それからブログを更新していないのでまだわかりませんが 配置は元にもどるかもしれません。 とりあえずデザイン変更してみました。 回答ありがとうございました。