さらにスタイルシートを

いろいろいじりまくってワケわかんなくなってきた!
とりあえず今までの問題点だった「横幅を縮めすぎるとサイドバーの表示要素が重なって意味不明になる点の解消を目指したところ……

  • class="hatena-fotolife"にwidth設定が反映されるようにした
  • div.hatena-body に word-break:break-all;とword-wrap:break-word; を設定して、長いURL貼ったときにも強制改行されるようにした
  • もともとのスタイルシートで定義されてた div.day のmarginを上書きする形で、div.main の widthと矛盾しないように調整。


こんなところ。
なんとなくCSSの学習になったもののつかれた。
なお、CSSの記述に関しては
http://www.dspt.net/stylesheet_css/index.html
コチラ↑が超役立ちました。
初心者でも調べたいことが見つけられるナイス構成。