なぜyahooなどはCSSじゃないんですか？

Question

とても初心者です。

最近CSSを勉強しているのですが、疑問があります。
CSSの重要性や今後のCSSの役割などそれなりに理解を深め素晴らしい技術だと思い、私も使いたいと思っています。

しかし、大手ポータルサイトなどは何故全てテーブル構成なのでしょうか？動的なサイトはCSSは使えないものなのでしょうか？とても不思議です。

また、yahooのトップページをテーブルを使わずにCSSのみで構成することは可能でしょうか？多分可能ですよね？
この場合、全てCSSで構成するということはコーディング上正しいのですか？逆にテーブルを使うのが普通といいますか、本来の使い方なのでしょうか？

とても変な質問ですが、お分かりになる方がおられましたらよろしくお願いいたします。

UKY · Accepted Answer

これはあくまでも私の考えですが、いまだにテーブルレイアウトなどの古い間違ったやり方に固執し、正しいHTML+CSSを取り入れようとしないサイトの製作者は、「古いブラウザや特殊な環境ではCSSを使うと見られない」という誤った迷信にとらわれているのではないかと思います。

真実は迷信とは全く逆で、特殊な環境でも見られる (一人でも多くの人に見てもらえる) ためには正しいHTMLを書くことが大前提なのです。

しかし、どうもウェブページデザイナーの中には「ウェブページは魅せるものだ。どんなブラウザでもかっこよく見えなければならない。」と信じ込んでいて、HTMLの正しい書き方のこととか、音声ブラウザなどの特殊な環境のこととかを気にかけていない人もいるようです。「どんなブラウザでも寸分の違いなく、自分の考えたレイアウトで表示できなければだめ」という極端な考えの人もいるようです。


むかし、CSSの対応がいい加減だったために、CSSを使うと逆にページがめちゃくちゃに表示されるという欠陥ブラウザがありました。もちろん悪いのはその欠陥ブラウザなのですが、「どんなブラウザでもかっこよく」と考えている人はそのブラウザでもまともに表示させるためにCSSを使うのをためらったようです。
そしてそれがCSSに対するトラウマになって、未だにテーブルレイアウトから抜け出せないでいる……と。

今は、もうその欠陥ブラウザはほとんど使われていません。私としては、その欠陥ブラウザのことをいちいち気にするくらいなら、音声ブラウザのような他の環境の方に気を回した方がより多くの人を幸せに出来ると思うのですが……。


> 動的なサイトはCSSは使えないものなのでしょうか？

そんなことはありません。むしろCSSを使ったほうが設計なども楽になると思います。

> yahooのトップページをテーブルを使わずにCSSのみで構成することは可能でしょうか？

もちろんできます。

> 全てCSSで構成するということはコーディング上正しいのですか？

HTMLの考え方として、HTML文書にはレイアウトとかデザインとかに関する情報は含めない、というのがあります。見た目に関することはスタイルシートに全部任せるということです。
また、「テーブル」は英語で「表」という意味で、その名の通り本来は表を表すためのものです。
つまりテーブルでレイアウトを構成するのは正しくありません。

partita · Answer

ちなみに
アメリカヤフーやMSNはCSSを使用していますよ。

http://www.yahoo.com/
http://www.msn.com/

noname#14318 · Answer

あ、ちょっと回答がわかりにくいね。
分かりやすく言います。

あなたがCSSで「Ａ」という命令を出したとします。

あるブラウザは「Ａ」という命令を忠実に守って
あなたの命令どおりの表示をします。

しかし、別のブラウザは、「バグにより」
「Ａ］という命令を無視して｛Ｂ」と表示したりします。

この「バグ」がブラウザごとにくさるほどあるため
あらゆるブラウザで同じ表示にさせることは絶望的です。
場合によっては読めない表示になってしまうこともあります。

YAHOOはそれを嫌っているということです。

noname#14318 · Answer

> yahooのトップページをテーブルを使わずにCSSのみで
> 構成することは可能でしょうか？多分可能ですよね？

特定のブラウザだけなら可能かもしれませんが
一般的には不可能です。
可能だったらYahooもCSSを使います。
CSSのほうがはるかに管理が楽なんですから。

とにかく、ものは試しで、以下のサイトから
Netscape4.73をDLして、インストールしてみてください。
それで、ご自分が書いたCSSのページを見てみてください。
http://wp.netscape.com/ja/download/download_comm.html

まともに見ることができたなら、あなたはなかなかの才能と
人並み外れた運の強さを持っています。
しかし、普通の人はそれほどまでの才能と運の強さがありません。
YahooがCSSを使わない理由もソレでしょう。


あともうひとつ。
CSSをまともにやろうとしたら以下のページの
「バクリスト」というコーナーは読んでおくべきですが
http://members.at.infoseek.co.jp/cssbug/index.html
これを読んだあなたのご感想をぜひ聞きたいところです。

mio_design · Answer

古いブラウザでも楽しめるというのもありますが、例えば盲目な人向けの音声読み上げブラウザのような特殊なものもあります。そういうものに対応されるのは古い仕様の方が都合が良い訳です。
私は以前ヤフーのあるプレゼント企画ページを制作した事がありますが、それはもう、ものすごいレギュレーションが厳しかったですよ。1ページにHTMLと画像合わせて100kb以内で、プレゼント企画ですから大量の賞品の画像を載せねばなりません。最後はバイト単位での調整と、HTMLも削れるスペースやダグを減らしファイル名も1文字とかにしてGIF画像も色数減らして容量を稼いだ記憶があります。

yy_y · Answer

すべてのブラウザで表示できるとは限りませんが，仕様上は，CSSでデザインをするのが本来でしょうし可能です．（仕様の作成元のW3Cでは，トップページもCSSでデザインしています．）
#私個人的にはすべてのサイトがそうするべきだと思っています．
ただ，大手のポータルサイトは，さまざまな利用者が閲覧するので，閲覧者がどんなWebブラウザを利用していても可能な限りまともに表示できるようになんとか工夫しているのでしょう．

Yahoo!では，推奨ブラウザはInternet Explorer 5.x以上，Netscape 7.x以上となっていますが，古いブラウザでも楽しめる，と書かれています．
Yahoo! JAPANの推奨ブラウザ
http://help.yahoo.co.jp/help/jp/common/sys/sys-01.html
CSS以外のことでは，たとえばYahoo!の1つ1つのページのソースを見てみると，文字化け対策として日本語が出てくる直前（titleタグの前など）に細工をした小さなコメントが書かれています．
1日11億9900万ページビューのアクセスだそうですから，もしうまく見られないことがあったら大変だからでしょう．

poohron · Answer

以下は単なる私の思い違いかもしれませんが…

新旧いろいろなブラウザを使っている人たちがアクセスしてくるので
その多くの種類のブラウザでまともに見えるようにするためにはテーブルが無難なんでしょう。

中にはCSSにまったく対応していないブラウザもあります。
全アクセス数のうちの0.1％とかかもしれませんが、
アクセス数が半端じゃなく多いのでかなりの数になるはずです。
そもそも、100％W3Cの勧告通りの仕様でCSSに対応してるブラウザなんて
現状ではあるのでしょうか？（私が無知なだけで本当はあるのかな？）
そういう観点からは「全てCSSで構成する」のは難しいような気がします。

小手先のデザインや洗練されたソース、最新の仕様に従ったソースなどではなく、
「できるだけ多くのブラウザでまともに見られる」
という方向性で作られているのではないでしょうか？

なぜyahooなどはCSSじゃないんですか？

ちなみに

あ、ちょっと回答がわかりにくいね。

> yahooのトップページをテーブルを使わずにCSSのみで

古いブラウザでも楽しめるというのもありますが、例えば盲目な人向けの音声読み上げブラウザのような特殊なものもあります。

すべてのブラウザで表示できるとは限りませんが，仕様上は，CSSでデザインをするのが本来でしょうし可能です．（仕様の作成元のW3Cでは，トップページもCSSでデザインしています．）

以下は単なる私の思い違いかもしれませんが…

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング