テーブルレイアウトとCSSレイアウト

今、CSSプロフェッショナル・スタイルという本を読んでいます。

この本にも書かれていることですが、SEO対策やらでCSSによるレイアウトが
テーブルレイアウトに比べるとよいということらしいです。

CSS自体は自分もいろいろと活用していますが、
それをレイアウトに使うとなるとさっぱりわかりませんでした。
よくあるCSS解説サイトでは個々のプロパティの説明とかはあっても
実際にそれをどう使うかなどがわかりません。

自分が初めてCSSレイアウトに出会ったのは、まさにこのBLOGのデザイン変更です。
かなり勉強になりました。
解説サイトでは使い方がまったくわからなかったものなどが使用されていたりして結構な衝撃でした。

本サイトでもCSSレイアウトでやろうと思っていたのですが挫折しました。
この理由も含めて自分なりに思うCSSレイアウトがやりにくい原因が2つ。

1. DW、GoLiveの代表的なソフトがCSSレイアウトに最適化されていない
2. ブラウザの種類や細かいバージョンによる表示の違いがテーブルレイアウトに比べて多い

1.はDWではdivタグの挿入ができるようになっていたりするのでかなりやりやすくなっているとは思いますが、その後のCSSの設定が問題あるように思います。
とゆーか、自分にはDWのインターフェースは合わないってのが大きいので、あまり参考にしないでください。
一方のGoLiveはほんとにひどい状態だと思います。
空のdivタグを入れることすらできません。
レイヤーとかいうのはありますが、style属性で直に指定されても・・・

2.は種類やバージョンごとに抱えるバグや表示の違いが多すぎるように思います。
それを解決するのも裏技的なテクニックばかり。
これによりテーブルレイアウトに比べると制作に時間がかかってしまうという問題がでてきます。

で、最初の本ですが、これは基本的なCSSレイアウトの手法からバグを回避する方法など実際のWEBサイトを元に解説しています。
リファレンス本ではないので、CSSの基本的なことはわかってないといけませんが、かなり勉強になるので、おすすめします。

トラックバック(0)

このブログ記事に対するトラックバックURL: http://eternitydesign.net/mt/mt-tb.cgi/36

コメントフォーム

AUTHOR

名古屋でひっそりと活動中。
ホームページ制作、Flashコンテンツ制作など制作依頼がありましたらお気軽にご連絡ください。
ご希望の方には制作実績も同時にお伝えいたします。

TAG CLOUD