新しい CSS

VAIO sideで新しいCSSを導入しようとしている。
トップページのCSSの更新は終わったが、かなり苦労の賜物である。

今回の大きな変更点は今までテーブルでレイアウトをしていた。これは厳密に見ればXHTMLに反しているのだ。いろいろなチェックソフトがあるが、警告することはないのだ。別にそれでもいいのだが、何となくやろうと思ってしまったので全てCSSで行うことにした。トップページ以外の通常のページはあまり苦労をしなかった。しかし、トップページは大変であった。しかし、このことでCSSのことをかなりわかることが出来たのだが…

でも、CSSは便利であれ問題もあると思った。例えばfloatなどは回り込みの設定をするのだ。実際どう動くかをつかむのはかなりの労力であった。また、IEにはCSS関連でバグが多いと思った。有名なものは「text-align:center;」で中央に移動してしまう。これはテキストを中央に持ってくるものでテーブルすら動くのは明らかにおかしい。Mozillaではこれでは動かないし、正式なものではIEで動かなくなるという悪循環に陥ってしまった。

このときに便利なのでIEでは対応していないCSSを先行で導入している。著作権の「2000-2004」と書いてあるが、これが毎年変えないといけないのだが、CSSを使えば一つのCSSの変更だけで済むのだ。成果はこれぐらい。
(もじら組からのパクリだが…)

でも、これの完成が元と同じようにすることということも悲しい。言わなければわからないので書いておこうと思った。