［1日更新］マックでスタイルシート修正

2007年1月30日

滅多にないアポが今日は３件。
午前中に２件済ませ、午後２時に大塚でもう一件。１時間だけ余裕ができたので、このすきに、昨夜作って公開したスタイルシートを修正しようと思う。

ちなみに、「マックで修正」は、MacBookではなく、マクドナルド大塚店。
食べているのは、メタボリックメガマックではなく、普通のチーズバーガーだ。

まずは、前の記事にコメントで崩れを教えてくれたlonestarさん、うかさんに感謝！
外出先でコメントで読んで、

「そういや、FirefoxでもMacBookのサファリでも確認してなかった」

と深く反省。
いくら深夜・飲み会帰りとはいえ、公開前の複数ブラウザチェックはサイト運営者の義務。ちゃんと習慣付けたいもんだ。

このままだとFirefoxで見たときに（多分Macも）センタリングされないので、#containerに「margin:0 auto;」と追記することをオススメします＾＾
投稿者: うか (2007/01/30 8:30:33)

うかさんには、スタイルシートの記述こうすればいいというアドバイスまでいただいた。感謝！

まずはMozillaチェック。

　
　
恥っ！
　
　
ひっ、ひどい・・・ひどすぎる・・・。
いくら即席で書いているっていっても、なんかセンタリング以外も問題ありまくりだ。

すぐ直さなきゃ。
とりあえず、この記事一回アップしてから修正作業に入ろうと思う。

＋＋＋

そして第一次修正完了。
うかさんアドバイスの「#containerに「margin:0 auto;」と追記」をまずはやってみた。
FTP含めて作業時間１分もかからない。

▼修正前

#container {
　　　　　　　width: 800px;
　　　　　　　text-align: left;
　　　　　　　font-size: 12px;
　　　　　　　line-height: 120%;
　　　　　　　padding: 0px 15px 10px 15px;
}

▼修正後

#container {
　　　　　　　width: 800px;
　　　　　　　text-align: left;
　　　　　　　font-size: 12px;
　　　　　　　line-height: 120%;
　　　　　　　padding: 0px 15px 10px 15px;
　　　　　　　margin:0px auto;
}

こうなった。