• ベストアンサー

テーブルレイアウトについて教えてください

ホームページをテーブルでレイアウトしたいと思っています。 テーブルレイアウトをするときに、やってはいけない事を教えてください。 また、こうすると良くなるなんて方法もあったらぜひ教えてください。 よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.2

やってはいけない事は  テーブルの中にテーブルを入れてその中にテーブルをいれてその中にテーブルを入れて、これを4段階ぐらいにするとMacな人は見れなく(パソコンが動かなく)なりますので、これだけは注意してください、3段階ぐらいで表示されない事もあります(^^; Windowsな人は大丈夫です。

yuri0987
質問者

お礼

ありがとうございます。 知りませんでした…危ないですね。 気をつけます。

その他の回答 (1)

  • LLLuna
  • ベストアンサー率35% (13/37)
回答No.1

そもそも、テーブルを使ったレイアウト自体、するべきではありません。 テーブルは表を意味する要素です。視覚的効果を狙って使用するのは良くありません。 現在でもテーブルを使ったレイアウトのページが非常に多く存在するのは事実ですが……。 HTMLでは、文書の意味づけのみを行い、スタイルシート(CSS)で視覚的操作を行う。スタイルシートが無効な環境、画像が無効な環境でも、支障なく閲覧できる。そのようなページ作成を心がけてください。

yuri0987
質問者

お礼

ありがとうございます。 わたしもそうだと思います。 ですが、ほとんどのブラウザで同じく表示できるようにするのはとても大変なので諦めました…

関連するQ&A

  • tableレイアウトについて。

    自分は HTML , CSSを勉強して、ホームページをつくっていたのですが、いざ、就職をしてみると、ホームページのソースが自分が今まで、勉強してきた HTML, CSSは使われておらず、tableレイアウトでつくったホームページを沢山、目にします。特に楽天やYahooなどECサイトなどで多くみられます。自分は HTML, CSSをつかって <div></div>でレイアウトをするのが正しいとおもいやってきたのですが、このさき、tableレイアウトで作るやり方も勉強するべきでしょうか?

    • ベストアンサー
    • HTML
  • tableによるレイアウトorCSSによるレイアウト

    現在HPをリニューアルしようとしております。 現状はホームページビルダーでテーブルを多用してレイアウトしておりました。 洋服関係のネットショップなのでかなり見た目ごちゃごちゃした感じで作っています。 また、「生きているサイト」を意識して頻繁に少々のレイアウトや内容の更新をしております。 *商品はコンスタントに更新してます。 このたび、dreamweaverでhtml+CSSでブロック要素のまわり込みでレイアウトして作りかけています。 がしかし、参考に他のサイトのソースを多数見ていくとレイアウト自体はテーブル(html)で行っているサイトが多く現在、レイアウト自体をテーブル( html)orCSSでコントロールする方法が良いか迷っております。 html+CSSでブロックコントロールしていく方法を多方面推奨しているようなのですがブラウザやブラウザバージョンにより崩れたり・・・とういう事は理解できております。 そこでお教え頂きたいのですが・・・ ●今後CSSがスタンダードになるとは思いますが現状、web製作の現場ではTABLEによるレイアウトとCSSによるレイアウトどちらがスタンダードでしょうか? ●また、CSSの場合、<div>のまわり込みでレイアウトを決めて<div>内のレイアウトはどのようにすればフレキシブルに内容や画像を取り扱えるでしょうか? ●その他、お気づきの点があればご意見ヨロシクお願い致します。

    • ベストアンサー
    • HTML
  • テーブルレイアウトでのホームページ作成について。

    テーブルレイアウトでのホームページ作成について。 今度、テーブルレイアウトで作られたホームページの仕事をすることになりました。そこで、本屋でテーブルレイアウトを使ったホームページ作成本を探してみたのですが見つかりません。 おそらく古い本しかないとは思うのですが、テーブルを使った詳しいホームページ作成の解説書をご存知の方がいらっしゃいましたら教えて頂けないでしょうか? よろしくお願いします。

    • 締切済み
    • CSS
  • テーブルレイアウトの外側

    こんにちは。 現在テーブルレイアウトでホームページを作成しています。 http://www.shoshinsha.com/hp/ のようにテーブルレイアウト内側を白にして、何もないことがわかる様にテーブルレイアウトの外側を黒とか色を変えたいのです。 何かアドバイスをお願いします。

    • ベストアンサー
    • HTML
  • 掲載画像のレイアウトはテーブルレイアウトで実現?

    掲載した画像のようなホームページのレイアウトはテーブルを何重にも組み合わせて (テーブルを何重にも入れ子にして)実現するのが最近の一般的な手法なのでしょうか このようなホームページのレイアウトのコーディング方法の概略を教えてください。 webデザイン素人のためなるべく詳しく丁寧に教えていただけると助かります。

    • 締切済み
    • CSS
  • テーブルのレイアウトがうまくいきません

    DreamweaverMXで簡単なホームページを作っています。 テーブルをつかってレイアウトをしようと思いましたが、思うようになりません。やり方が間違っているのでしょうか? まず大枠で1行3列のテーブルを作り、幅だけ800pに指定。(高さ指定はしていません) 両端の列はそれぞれ幅だけ180pに指定。 で、そのそれぞれの列の中にまた必要なテーブルを作ってレイアウトしようとしてるのですが 一番左の列の中にテーブルが3つ入っていて一番縦長になっています。真ん中と右の列にも必要なテーブルや画像を入れているのですが左の列が長いせいかそれぞれの列の一番上がそろいません。左の列の長さに合わせて一番大外のテーブルの高さが決まってしまってしまいますが、真ん中と右の列の中のテーブルたちは左の列の高さの真ん中に配置されてしまいます。 方法がまずいのでこうなってるのだとは思いますが、本を見ながら勉強しつつやっていますが思うようにいかないので質問させてもらいました。 一番上をツライチに合わせるにはどうすればいいのでしょうか? というか上記の方法の悪いところを指摘していただければと思います。よろしくお願いいたします。

  • テーブルレイアウトとは

    テーブルレイアウトとは,テーブルタグを表以外のコンテンツなどに使うことでしょうか? http://okfood.digiweb.jp/index.htmlのコンテンツもテーブルレイアウトなのですよね。 このサイトの場合、同じような見た目にするにはdivを縦横に重ねて、thの毎度縦幅をCSSでかえて行うのでしょうか? 大変過ぎてやっていられなくないですか? WEBデザイナーはそこまでやっているのでしょうか?それとももっと便利な方法があれば教えてください。 SEO上も不利なのでしょうか? table内の文字を軽視されるのでしょうか?

    • ベストアンサー
    • HTML
  • レイアウトテーブルの中にレイアウトテーブル配置について

    たびたびよろしくお願いします。 使用ソフトはDreamWeaverMx2004です(Mac)。 いま、レイアウトテーブルの中に更にレイアウトテーブルを配置し、 その中にレイアウトセルを配置したいのですが、どうも表示がうまくいきません。 レイアウトテーブルの中にレイアウトテーブルを満杯まで配置しているはずなのに、 ブラウザで確認すると、下に余白部分のようなものが出てしまいます。 レイアウトテーブルの中にレイアウトテーブルを更に配置するということは 仕様上、うまく表示されなくなってしまうのでしょうか?

  • DreamweaverMXのレイアウトテーブルについて

    お世話になります。 Dreamweaverのレイアウトテーブルについて質問がございます。 最近ホームページビルダーからDreamweaverへ移行いたしまして、苦戦しながらもなんとか形になってきました。 何時間かやっているうちに2点ほど疑問があがりましたので、質問させていただきます。 1.レイアウトを決めてからそこに画像を入れていくという方式をとっているのですが、なぜかレイアウトテーブル(緑)の中のレイアウトセル(青)に画像を入れるとレイアウトセルがちょっと大きくなってしまいます。画像はセルと全く同サイズです。原因はなんでしょうか? 2.レイアウトテーブルなんですが、枠を表示することはできないのでしょうか?プレビューを見てみると、画像だけが浮き上がって見えるような感じになっています。 お手数をおかけいたしますが、ご見識のあるかたがいらっしゃいましたら何卒ご指導お願いいたします。

  • ビルダー14のレイアウト枠とテーブルの使い方

    ホームページビルダー14を使用しています。レイアウト枠とテーブルとは違うものなのですか?どういうページ全体のレイアウトを決めていく際、どちらを使って進めていけばいいでしょ

専門家に質問してみよう