テーブルレイアウト
求人を見ているとWEBデザイナーの応募要項にXHTML+CSSの知識がある方というのが、増えてきてますね。
僕も、WEBデザインの勉強をしはじめのとき、これからのデザインはCSSレイアウトが主流になるという情報を得たので、重点的にXHTML+CSSを勉強しました。
しかし、後から、嫌って程思い知らされましたが、XHTML+CSSが主流になるからといってテーブルレイアウトを勉強しなくても良いというわけではありません。
まだまだ、テーブルレイアウトでサイトを作ることは、多いのです。
どんなときにテーブルレイアウトでサイトを組むことがあるのかといいますと、お客様が自分で、サイトのメンテナンスをしたいとおっしゃられたときは、テーブルレイアウトで組むことが多いです。
CSSでレイアウトを組むと、知識がない方がメンテナンスをすると、すぐレイアウトが崩れてしまうので、それを避けるためにテーブルで組みます。以前、制作会社に務めていたときCSSで組んだサイトを、お客様が勝手にメンテナンスをして、大惨事が生じましたよ。
それと大企業のサイトの更新、新規ページの作成、メンテナンスのときは、だいたいテーブルレイアウトで対応します。歴史の長い企業のホームページは巨大で、簡単にCSSに移行することができないのです。
なので、テーブルレイアウトも勉強しましょう。
しかし、大手ECサイトで、かつテーブルレイアウトだとサイトが重いのでECサイトはXHTML+CSSにした方がいいと切に思います。
- 投稿者:トモちゃんヌ
- 日時:23:08
comments
こんにちは、ziruです。2回目の書き込みです。
僕は今仕事でxhtml+cssでサイトの作成をしてるんですけど。
ブロック要素と回り込みで、パニくる日々です。
テーブルはブラウザであまり崩れないので好きですｗ
にしても、なんであんなにcssはブラウザ別にレイアウトが崩れるのが嫌ですね。
トモちゃんヌさんは製作するとき、ハックとかつかいます？
>ziruさん
どうも、こんにちはです。2回目の書き込みも大歓迎ですよ♪
>ブロック要素と回り込みで、パニくる日々です。
>トモちゃんヌさんは製作するとき、ハックとかつかいます？
回り込みとは、floatのことですね。これはCSSでレイアウトを組むには、避けられないですからね。
僕は、このfloatに関しては、clearfixというハックを使います。どんなハックかというのは、ここで説明すると長くなるので、お手数ですけどgoogleなどで検索してみてください。すぐにわかりますよ。
あと参考になるかは、わからないですが、この記事からダウンロードできるサンプルサイトのような組方もあります。
ハックは、基本的に使用しないほうが良いとは思います。後々にブラウザがバージョンアップしたときに、そのハックが無効になる恐れがあるからです。でも必要なときは、最小限のハックは使いますよ。
あと、テーブルレイアウトは、確かに一度組めば、崩れないからテーブルに慣れているとCSSはうっとうしいとは、思います。
でも、これからは、CSSで組む機会が多くなるのも事実ですから、頑張ってください。コツさえ掴めれば、こっちのもんです!