CSSでのレイアウト

私の今作っているHPはテーブルでレイアウトしているのですが、
あるところで『テーブルでレイアウトするのはお勧めできない。』と書いてありました。
よく読むと『テーブルでレイアウトするよりCSSでレイアウトする方がよい』ということでした。

具体的にCSSでテーブルのようにレイアウトするとはどうすればいいのでしょうか。
また、テーブルでのレイアウトの利点、CSSでのレイアウトの利点はどんなところでしょうか。

教えてください。お願いします。

No.2 ベストアンサー 回答者： shy00 回答日時： 2005/02/18 14:44

http://www.fromdfj.net/html/column.html
などお読みになれば理解できるかと・・・

参考URL：http://www.fromdfj.net/html/column.html

この回答へのお礼

返信有難う御座います。
参考にさせていただきます。

お礼日時：2005/02/19 02:11

No.3 回答者： sion_fs 回答日時： 2005/02/18 16:08

本来、ＨＴＭＬは「文字に意味をつける為」の言語です。

この為、「色」とか「形」とか「配置」を指定する為には、ＣＳＳを使う事が推奨されています。
（FONTタグ等も同様にCSSを利用する事が推奨される）

但し、現時点でCSSへのブラウザの対応はまちまちで、未対応のブラウザや、対応していてもブラウザによって表示方法が異なったりする場合が多く、結果的に現時点ではそれらのタグを使用する事は禁止されていません。但し、将来のXHTMLでは徐々に排除される物となるでしょう。

具体的な実現方法としては、ちょうど同じ質問が別に上がっており、そちらで回答しましたのでＵＲＬを貼ります。
http://okweb.jp/kotaeru.php3?q=1224959
※Firefox1.0 並びにIE6.0では、これらは実現出来ましたが、NNやその他のブラウザでは確認しておりません。


テーブルでの利点は、携帯ブラウザや旧ブラウザなど、殆どのブラウザで対応している事です。

逆にCSSでの利点は、ブラウザ（画面）サイズが小さい時に、画面に表示しきれない部分を自動的に回りこみをしてくれたり、サイズを固定する事が容易であったりする事です。但しこれは、想定した配置と異なったり、デザインが崩れたりなどと欠点となる場合もあります。


結果的に現時点で「現実的な対応としては」、テーブルタグを利用した上で、それに対してCSSを利用して２重に指定するか、テーブルサイズを全て固定して、CSSでがちがちに固めてしまう＝CSS未対応ブラウザは切り捨てることになるかと思います。

この回答へのお礼

返信有難う御座います。
そのURLのところに行こうとしたんですが、そのようなURLは無いと出ました……
出来るだけ、スタイルシートとHTMLの特色を上手く生かしていきたいと思います。

お礼日時：2005/02/19 02:18

No.1 回答者： Wizard_Zero 回答日時： 2005/02/18 14:44

Wizard_Zeroと申します。

なにも「テーブル使っちゃダメ」といっているわけではありませんから、必要なところはテーブルで作りましょう。CSSはブラウザによっては対応していないものもありますし、全てが同じように表示されるとは限りませんから。

『テーブルでレイアウトするのはお勧めできない。』

と、あるのは、例えば左にスペースを空けて文章を書く時に

<TABLE BORDER="0">
<TR>
<TD WIDTH="50"></TD>
<TD ALIGN="LEFT">xxxxxxxxxxxxxxx</TD>
</TR>
</TABLE>

とするよりは、

<DIV STYLE="margin-left : 50px">xxxxxxxxxxxx</DIV>

とした方がいい、という話ではないでしょうか。

あとはユーザビリティの絡みとか、音声読み上げブラウザとの兼ね合いもあります。

この回答へのお礼

返信有難う御座います。
テーブルでもいい事は分かっているんですが、
スタイルシートの方が簡単ならスタイルシートの方がいいかな、と。

お礼日時：2005/02/19 02:08