• ベストアンサー

テーブルを使ったレイアウトで

HTMLの初心者です。 テーブルを使ってレイアウトを作りました。 データを書込まないテーブルのみですと問題なく表示できているのですが、データを書込むとHPの下(フッター?)にふんどしのように長く、空白の部分ができてしまいます。 何かを間違えているのだと思うのですが自分ではわかりません。 ご指導よろしくお願いいたします。

  • okmo
  • お礼率43% (207/471)
  • HTML
  • 回答数3
  • ありがとう数3

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

  • ベストアンサー
  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.3

初心者を自認するからには、よくわからないエラーも多数でるかもしれませんが、参考URLで文法のチェックができますので試してみては?

参考URL:
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
okmo
質問者

お礼

steel_grayさん ありがとうございます。 たいへんすばらしいHPを紹介いただきました。 根本的に勉強をしなおさなければと教えられました。 今まではなんといい加減に過ごしてきたことか。 ただ単に、なんとかなっていただけなんですね。 それにしてもすばらしいHPです。

その他の回答 (2)

  • gura_
  • ベストアンサー率44% (749/1683)
回答No.2

 実際のタグがどう書かれているか解からないので、推測しますと、いくつかの原因が考えられます。 1 タグが正しく閉じていない。↓  http://www.tohoho-web.com/wwwbeg2.htm#Tag 2 全角のスペースがタグの外にある などが、まず考えられます。  下記のサイト等を参考に、タグの書き方が正しいか再度確認してみてください↓ http://www.tohoho-web.com/html/table.htm

okmo
質問者

お礼

gura_さん ありがとうございます。 紹介いただいたHPは知っていたのですが、改めて良く見てみました。 テーブルを入れ子にしてデザインを納得できるものにしようとしていたのですが、上記のHPを改めて見て、別な方法・デザインに変更しました。

  • kaiu
  • ベストアンサー率20% (65/315)
回答No.1

何かを間違えているのだと思いますが、 ソースを見なければ分かりません・・・。

okmo
質問者

お礼

kaiuさん ありがとうございました。

関連するQ&A

  • レイアウトテーブルの中にレイアウトテーブル配置について

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

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

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

    • ベストアンサー
    • HTML
  • スタイルシートレイアウトで・・

    初めまして。よろしくお願い致します。 先日、知人のHPをテーブルレイアウトからスタイルシートレイアウトで作り直しました。すると、ブラウザでは問題なく見れるのですが、 ホームページ作成ソフトの画面で見ると、大きくレイアウトが崩れています。文字の大きさなどはスタイルシートで設定したとおりです。 ちなみに、元々のHP(テーブルレイアウト)はドリームウィーバー4日本語版というもので作られており、私が作成したものではありません。それを私が、ホームページビルダー10を使って、スタイルシートレイアウトに書き直しました。 いろんなソフトで確認してみると『ビルダー10』のページ編集の画面では、レイアウトの崩れはありません。『ビルダー9』のページ編集の画面でみると右と左に回りこみを指定したのに、文字などが重なってしまいます。 また、『ドリームウィーバー4日本語版』のデザインビュー画面だと文字の大きさ以外のスタイルシートは、全く無視され大幅に崩れてしまって、回り込みなどは全く無視され、下へ下へ書き込んだHTMLソースどおりに表示されます。 『ドーリームウィーバーMX2004』だと左に回り込みを指定した部分だけが崩れて、その部分が左の最下部(フッターよりも下)になっています。 ソフトが違うから崩れるのでしょうか?それともスタイルシートの設定がおかしいのでしょうか?何から修正すればいいのかわかりません。 当方、HP歴はビルダーで1年ほどほぼ独学の初心者です。 うまく説明できなくて、申し訳ありませんがよろしくお願いします。

  • SSIでレイアウトが崩れる?

    SSI超初心者です。よろしくお願いします。 HPのメンテが大変になってきたため、共通部分のヘッダー・メニュー・フッターを外部ファイル化してSSIのインクルード文で読み込もうとしています。正常表示されていた元のHTMLファイルからカット・ペーストで外部ファイルを作成し、元部分にはインクルード文を挿入したうえでSHTMLファイルとして保存しました。 一応これでそれなりの表示にはなるのですが、微妙(10~20pxほど)にレイアウトがあちこち崩れて困っています。 とくにHTMLページからSHTMLページにリンクで行くと、全体が20pxほど下にずれているため、「がたっ!」が明白です。HTMLページからHTMLページへの移動ではそれは起こりません。 原因と対処方法が分かる方がいらしたら教えてください。超初心者なので、見当違いの質問でしたらごめんなさい。

    • ベストアンサー
    • HTML
  • CSSで高さ100%のレイアウト

    テーブルを使用せずCSSでのレイアウトなのですが フッター位置をブラウザの一番下にマージン無しで指定したいのですが出来ません。 テーブルでは <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top">内容</td> </tr> <tr> <td valign="bottom">フッター</td> </tr> </table> というように指定していたのですが CSSでのレイアウトはHTMLを <div id="container"> <div class="content">内容</div> <div id="footer">フッター</div> </div> .CSS では #container { height: 100%; } は無効なのでしょうか? 他のやり方でもフッターをブラウザの一番下にマージン無しでレイアウトできる方法があったら教えて下さい。

    • ベストアンサー
    • CSS
  • DreamWeaver レイアウトテーブル?セル?

    素人です。よろしくお願いします。 レイアウトテーブルとレイアウトセルはどのように 使い分けすればいいのかわかりません。 全部テーブルでレイアウトすると問題はありますか? テーブルとセルの使い方が詳しく載っているサイトがありましたら 教えて下さい。 なお、テーブル、セルを使う必要性などご指導頂ければありがたいです。 よろしくお願いします。

  • htmlのtableレイアウトについて

    こんばんは。訳あってcssとテーブルの両方のレイアウト手法を用いた サイト作りをしています。準初心者です。 昔から受け継がれてきたサークルのサイトの更新担当をしているのですが、 テーブルレイアウトとcssレイアウトがごちゃまぜで、わけの分からないスペーサーgifなど も多用されていたりと、悲惨な有様なので、必死に修復しているところです。 テーブルレイアウトとで組まれていても、今回は抜本的な対策は留保するつもりで書いていた のですが、ある問題に突き当たりました。 divタグ内のtableタグによって作られた1×1の表ボックスが更新情報欄になっていて、 ページの左端に隙間無くくっついているようなレイアウトにしようと試みました。 <TABLE style=" border:0px;padding:0px;margin:0px;・・とするとdivのブロック要素と テーブルが完全にくっついた状態にできると思い実践してみたのですが、どうしても何pxかの隙間が生じてしまうのです。試行錯誤の末、もとのソースコードではtable要素にhtmlでwidth="400" と指定されていたものをtableタグ内に <TABLE style=" border:0px;padding:0px;margin:0px;  width:400px;> と指定し直した結果、計らずしもこの隙間は無くなりました。 そこで疑問なのですが、なぜこのような結果になったのでしょうか、ご教授ください!

    • 締切済み
    • CSS
  • 2カラムのレイアウト

    2カラムのレイアウトにおいて、HTMLの記述部分において。 【例1】コンテナーの「★外」に、フッターがある場合と。 ・「コンテナー(コンテンツ+サイドバー)」 ・「フッター」 【例2】コンテナーの「★中」に、フッターがある場合。 ・「コンテナー(コンテンツ+サイドバー+フッター)」 があるように思いますが? ★どっちでもいいんでしょうか? (どっちも、同じレイアウトになるんでしょうか? そんな感じがします。)  ^^ HTML/CSS 初心者なもので。。。よろしくです。 ^^ ---------------------------------------------------------------- 【例1】 <div id="container">   <div id="contents"> 本文 </div>    <div id="sidebar"> サイド部分 </div> </div> <!--container部分終わり-->  <div id="footer">   <p>著作権</p>  </div> <!--footer部分終わり--> 【例2】 <div id="container">   <div id="contents"> 本文 </div>    <div id="sidebar"> サイド部分 </div>  <div id="footer">   <p>著作権</p>  </div> <!--footer部分終わり--> </div> <!--container部分終わり-->

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

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

  • cssレイアウトについて

    こんにちは。cssでデザインを作っているのですが、思うようにレイアウトができなくて困っています。 このような ┌─────┐ │  1  │ ├──┬──┤ │ 2│ 3│ └──┴──┘ レイアウトを作ろうとしています。 1の部分には画像、2の部分にはテキスト、3の部分にはtableが入ります。 しかし、3の<table>上の部分が2の<p>分下に下がって表示されてしまいます。 これを2と3の上の部分が揃うようにレイアウトするには、どうすればいいでしょうか? 分かる方、教えてくださいませ。 よろしくお願いします。

    • ベストアンサー
    • HTML

専門家に質問してみよう