Movable Typeのカスタマイズ(7)
-余白の調整-
さて７回目である。引き続き参考にしたのは、「即実践！ブログ徹底カスタマイズ術」(技術評論社)である。
前回の右に偏った月移動可能なカレンダーを調整しましょう。スタイルシートのいろいろな余白を調整したらどこを直したのかわからなくなりました。とりあえず、次の２箇所を修正します。marginとpaddingはともに余白の設定ですが、上、左、下、右の順となります。
body { margin: 0px 0px 20px 0px; }
.sidebar { padding: 0px 5px; }
カレンダーの表示幅を90%にします。
#calendar table { width: 90%; }
そして左サイドと右サイドのコンテンツを整理しました。どんどん続く・・・予定。