• ベストアンサー

tableが崩れる件

フレームにしたくないのでtableですべて作っていますが メニュー(左)と本文(右)の上下がずれてしまいます。どうしたらいいでしょうか。たとえば本文が長くなりすぎるとメニューの上の部分にその分隙間ができてしまいます。アドバイスよろしくお願いします。

  • HTML
  • 回答数2
  • ありがとう数3

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

  • ベストアンサー
  • kappa-pa
  • ベストアンサー率49% (101/206)
回答No.2

テーブル内の<td>に位置表示のタグ valign="top" を追加すれば文字などそのタグの中のデータは上から表示されます。

shokomorro
質問者

お礼

おかげさまで無事解決しました!ありがとうございました^-^

その他の回答 (1)

  • 345itati
  • ベストアンサー率48% (795/1639)
回答No.1

<table border="0"> <tr><td>メニュー1</td><td rowspan="6">ああああああああ<br>ああああああああああ<br>あああああああああ<br>あああああああああ<br>あああああ</td></tr> <tr><td>メニュー2</td></tr> <tr><td>メニュー3</td></tr> <tr><td>メニュー4</td></tr> <tr><td>メニュー5</td></tr> <tr><td>メニュー6</td></tr> </table> セルをrowsapnで縦方向に連結してみては。

shokomorro
質問者

お礼

返信下さってありがとうございました!無事解決しました^-^

関連するQ&A

  • テーブルについて

    初歩的だと思いますがわからないので教えてくださいm(__)m 同じ行に画像とメニューを置こうとしてテーブルを横に並べて2個配置しました。それで左のテーブルには画像を右のテーブルにはメニューとならべてメニューは右はじに設置したかったので右に寄せました。で私のPCで確認するとちゃんとなってたのですが、ワイド型のPCで見るとメニューのテーブルが真ん中までしかいってなくて格好がわるくなってました。たぶん、右テーブルのサイズが悪いと思いますがどのPC(ブラウザ)でもメニューが右はじにくるようにしたいです。回答よろしくお願いします。なおホームページビルダーを使って作りました。 --------------------------------------------------------------------- | --------------------------- |---------------------------こっこに | | | | |すきまが | | | | top|できます | -------------------------- ---------------------------|

    • ベストアンサー
    • HTML
  • HTMLのフレームとテーブルの違い

    ホームページを作成しようとしているのですが、フレームとテーブルの違いが いまいち理解できません。よくある上下2分割、下側左右2分割のフォームに したいのですが、どのようにすればいいのでしょうか。 上側をタイトル、下側左をメニュー、下側右をメインにしてスクロールできるような 画面を考えています。 ソフトはalphaeditを使用しているのですが、フレームで出来そうかなと思うのですが いまいち使い方がわかりません。 よろしくお願いします。

  • テーブルを作ってみましたが・・・・

    孤軍奮闘中!! HP内のテーブル作りに挑戦してみましたが・・・・・ 画像を入れたり、背景色を変えてみたり・・・・ 何とかうまく行ったのですが・・・・・ どうしてもテーブルの上下に、テーブルと同じくらいのすきま部分が出来ます。 テーブルのすぐ上に文字が来ないのですが・・・・ これは、どうすればいいのでしょうか・・・・・? 全体をテーブルにしちゃうわけではないですよね・・・? 基本がなってない独学の私には?????だらけ・・・・ 頭が痛くなってきた・・・・・ 助けくださ~~~い!!

    • ベストアンサー
    • HTML
  • [CSS]上下フレームの背景を中央寄せでずれさせない方法

    ホームページ作成中です。 上下2つにフレーム分けしています。 ページはテーブルで構成された中央800pix固定にしようとしています。 さて、上下のフレームにまたがるような固定の1枚背景画像を中央にセットしたいのですが、問題が発生しています。 上フレームについては問題なくできています。ただ、下フレームが、本文が長くなった際もちろんスクロールバーが出るのですが、スクロールバー分左にずれてしまいます。 下をスクロールさせてもちゃんと背景画像を出したいのでテーブルの背景ではちゃんとできないですよね。 どうにかして上下フレームの背景画像で中央寄せした場合、ずれないようにする方法はないでしょうか?

    • 締切済み
    • CSS
  • Dreamwewaver4 フレーム間のリンクについて

    Dreamweaver4でHPを作成しています。 上下二つのフレームに分けて、上はメニュー、下をコンテンツとして使っています。 例えば、メニューの中の”news”をクリックすると 上のフレームはそのままで、下のコンテンツにはフレームなしのnewsに関する情報がでます。 次に、メニューの中の”item”をクリックすると 上のフレームはそのままで、下のフレームに左右に分かれたフレームを表示させ(左はメニュー、右は画像) 左のメニューをクリックすると、右の画像が変わるページを作りたいのですが、 左のメニューをクリックすると画像が下フレームいっぱいに表示され、左のメニューが消えてしまいます。 ちなみにフォルダは分けていません。 それも関係あるのでしょうか? 分かりにくい説明ですみません。 タグ打ちとかわからないので、できればそれ以外の 方法でよろしくお願いします。

  • テーブルに掲示板を表示させたいのですが・・。

    HPビルダーを使っています。 現在フレームページで右にはレンタル掲示板・左にメニュー・トップにはロゴ という感じで設定していますが、テーブルを使ってこれと同じことは出来ないのでしょうか? タグの修正・追加が必要であれば合わせて教えて下さい。

  • クリッカブルマップとテーブルの間に隙間が…

    クリッカブルマップとテーブルタグを ・・・・・クリッカブルマップ画像・・・・・ テーブル左(画像貼り付け) テーブル右 という配置で併用したところ、マップ画像とテーブル左の間に隙間ができてしまいます。 border="0" cellpadding="0" cellspacing="0"などを入れてみても変化がありません。 左テーブルに貼る画像はマップ画像の続き(例:マップ画像の左下に花の花弁部分、テーブル画像に茎部分、といった感じです)なので、どうしても隙間なく並べたいのですが、それは可能でしょうか? 解る方がいらっしゃいましたら教えてください。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • テーブルで2列目がずれる・・

    お世話になっています。 2列のレイアウト | | | |A|B| | | | | | | をしたいのですが、例えばAにCというテーブルを5個配置 Bに同じCのテーブルを4個配置した場合 残りの一個分Bは上下に隙間が開いてしまいます。 これを上にあわせたいのですが どうしたらいいでしょうか・・? わかりにくい質問でスミマセン

    • ベストアンサー
    • HTML
  • table内で上下するfloating menuについて

    スクロールするとメニューも一緒に追いかけてくるような、floating menu について。 tableの一つのセルの中で上下するようなメニューを作成したいのですが、上手くいきません。 検索しても初心者の私にも分かりやすいよなサイトがありませんでした。 理想では下記のサイトのメニューのようにしたいのですが、ソースを見ても全く分かりません。下記のサイトではtableをしようしてないようです。 http://naturalbreeze.cside.com/material.index.html 参考にしたのは下記のサイトです。 http://www.inforz.net/jquery/219.html 実際に私が試みたHPです。↓tableで右と左のセルに分けていますが、これを左のセル内で上下するメニューを作成したいです。 http://kazu1213abi.web.fc2.com/others/float/float.html 上記のHPのようにfloating Menuをtableの中に設定しているわけではないので、当然ながら位置を指定しても見る人の画面の大きさによって左右されてしまいます。 詳しい方はどうか御教授ください。 よろしくお願いします。

  • ターゲットフレームについて教えてください。

    フロントページを使っています。元々上下に3分割されたフレームの真ん中部分に、さらに左右に2分割したフレームを入れたいのです。左部分をコンテンツにして、リンク先を右部分に表示したいのですが、ターゲットフレームを右部分のフレーム名にしてるのに、どうしてもリンク先を表示させると左部分が残らず、元々の上下のフレームしか残りません。教えてください、よろしくお願いします。