...pudding - diary

_ [いろいろ] ちょっとレイアウト変えました

日記の左右にいろいろと表示されるの邪魔だなあと思って、左右をざっくりと落としました。わりとシンプルになったかと思います。自己満足です。

CSS で、 margin: 0; padding: 0; margin-left: auto; margin-right: auto; としておけば、コンテンツ部分だけうまいことセンタリングしてくれます。

こういうレイアウト調整の時は何度もパラメータを変えては表示してを繰り返すんですけどそんなとき Firefox のデバッガがすごく役に立ちました。表示がとても見やすいの。

動きも軽くて、気になるブロックのパラメータを見ながら調整できます。Firefox でページ見てるときに Ctrl + Shift + I でデバッガがヒョイッと起動しますので padding や margin はどうなってるのか、どこで指定したパラメータが効いてるのか、どこから引き継いでるのか、などがスイスイ確認できます。後は好きに使えば良いと思います。