HTML tableを固定する方法

このQ&Aのポイント
  • HTML tableを背景に固定する方法や縦幅の調整方法について教えてください。
  • alphaEDITで作成したHTML tableがブラウザで広がり、背景からはみ出してしまう問題について困っています。
  • 位置指定の方法について初心者でもわかるように具体的な変更・削除方法を教えてください。
回答を見る
  • ベストアンサー

html tableを固定する方法

初心者です。 お手数ですがお答えいただけると嬉しいです。 http://juken***oryaku.web.fc2.com/newfile-benkyohou.html 上記のページにテーブルを利用して一覧を作っています。 しかし、tableを背景の白い部分いっぱいに固定する方法が分からず困っています。 また、alphaEDITというソフトで作っているのですが、それのプレビューで見たときは、縦幅がもっと小さいのですが、ブラウザでみると広がっていて、背景からはみ出してしまいます。 位置指定の方法についていろいろ調べてみたのですが、先日初めてhtmlを知ったほどであまりよくわかりません。 上記ページのhtmlを具体的にどのように変更・削除すればよいのでしょうか?

  • HTML
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.1

1日掛かりで頑張って作ったのはわかりますが、 残念ながら、ほぼ全て間違っています。 --------------- 家の設計・建築でも同じだけど、 敷地の中に庭や家・車庫・物置きがあるように作るけど、 handball-5 さんの場合は、 1つの狭い部屋の中に家があるような設計になっていて、増築増築で危険な状態・・・ これ以上部分修正しても次から次へ崩れるだけです。 つまり、文章段落<p>の中に各コンテンツを突っこんではいけません・・・ その他諸々 教育関係のサイトのようなので理解出来ると思いますが、 数学の勉強でも、最初は足し算から始めるように、 HTMLの勉強も基礎から勉強しないと何も出来ません。 まずは、HTMLの入門書、または初心者用の解説サイトを読んで下さい。 >上記ページのhtmlを具体的にどのように変更・削除すればよいのでしょうか? <table border="0" cellspacing="0" cellpadding="0" width="75%" align="center"> とりあえず、上記を下記に変更 <table style="width:800px; margin:0 auto; text-align:center;"> というより 全部を作り直さなければ、その他の表示不具合も発生します。

handball-5
質問者

お礼

回答ありがとうございます。 少しでもまともになってよかったです。 私自身も感じていたことですが、 ご指摘の通り、基礎から勉強してみようと思います。 なにかおすすめの勉強法があれば教えていただけると嬉しいです。(本・webページなど)

関連するQ&A

  • テーブルの位置を背景に固定した後、枠を消したい。

    http://juken***oryaku.web.fc2.com/newfile-benkyohou.html http://juken***oryaku.web.fc2.com/newfile-link.html 上の両ページで、テーブルを使用し表を作ったのですが、 それを背景の白い部分いっぱいに固定する方法がわかりません。 また、できれば表の枠も消したく、 いろいろ試みたのですがうまくいきませんでした。 どうすればよいのでしょうか? (その他の点でもおかしいところがあれば教えてもらえるとうれしいです。)

    • ベストアンサー
    • HTML
  • テーブルごとの背景の位置固定

    テーブルごとに背景の位置を指定して固定したいのですが、方法が分かりません。 普通の<head>~<head>内に入れて、ページ全体の背景を固定するのは分かるのですが、 そのタグだと1ページごとにしか指定できませんよね。 テーブルごとに背景の位置を指定して固定出来る方法を教えて下さい。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • tableタグ内の背景を固定したい

    htmlページに配置される背景を 繰り返しでなく固定する方法はわかるんですが、 これをtableの背景でも固定する方法はないでしょうか? セル内でもいいんですが・・・ よろしくお願いします。

    • ベストアンサー
    • HTML
  • テーブルが変!

    いつもお世話になってます。DreamWeaver8でサイトを制作している者です。 サイト制作でテーブルを使用するのですが、2行にして縦幅は別々の長さにする予定です。 ですが、編集画面ではちゃんと縦幅は狭いのに、プレビューするとその縦幅が広くなってしまいます。 ―――――――――――――――――――― ―――――――――――――――――――― ―――――――――――――――――――― ↑編集ではこのようになっているのに ―――――――――――――――――――― ―――――――――――――――――――― ―――――――――――――――――――― ↑ブラウザでプレビューすると広くなってしまいます。 【高さ】を設定してもこのような結果になってしまいます。 レイアウトの仕方が変なのでしょうか・・・??

    • ベストアンサー
    • HTML
  • テーブルが見えなくなる

    テーブルのボーダーを0にした直後からテーブルが確認できなくなりました、プレビューで見えなくなるのは分かりますが作成途中にも全く見えなくなります。(以前は薄く細いラインが見えていた) さらにテーブルの端が見つからず調整のたび数値を1に変更しなくてはいけません。 ※ゆっくり移動しながら探しても全く引っかかりません Homepage Manager alphaEDIT 上記2つのソフトで試したのですが両方とも同じでした。 何とか表示させたくお力をお貸しください。

  • TABLEの高さの固定、TABLEの高さの変動を固定について

    TABLEの高さの固定できずに困っています。 【(2)】に縦500程度の画像掲載(又は複数回改行)をすると、 【(1)】の50pxで固定している縦幅が変動してしまいます。 【(3)】の<TD>にheight=500pxのような大きな値を入れると 【(1)】の縦変動を固定できるのですが、【(2)】の縦幅が大きくなると、 その都度、【(3)】の<TD>のheightの値を書き換えなければなりません。 CSS等で【(1)】のheight:50px;の指定をしても、 【(2)】の縦幅の上昇より【(1)】が50px以上になってしまいます。 【(1)】のheightを【(2)】の縦の変動に左右されず固定する方法を 出来ればCSSを使用した方法でわかる方がいらっしゃいましたら ご回答宜しくお願い致します。 【-------HTML START---------】 <TABLE style="WIDTH: 500px;HEIGHT:100%" cellSpacing=0 cellPadding=0 border=1> <TR> <TD colSpan=2 height="20px"></TD></TR> <TR> <TD height="50px">【(1)】</TD> <TD vAlign=top width="165px" rowSpan=2>【(2)】</TD></TR> <TR> <TD vAlign=top>【(3)】</TD></TR></TABLE> 【-------HTML END---------】

    • ベストアンサー
    • HTML
  • テーブルを固定

    □□□ □□□ 上記のように6つのテーブルを作ったとします。 スタイルシートで"<table style="width="200" height="200">のように幅を指定しても 作ったテーブルより小さいサイズの画像を入れただけでも全体が大きく崩れてしまいます。 これをテーブルの幅を幅以下の画像なら("width="200" height="200"で作った場合は199まで)動かないように完全固定したいのですがどのような方法で可能になるのでしょうか?。

    • ベストアンサー
    • HTML
  • テーブルの特定のセル背景非スクロールについて

    テーブルで文章を書いているのですが、 そのテーブル内の文章がちょっと長めで、 どうしてもブラウザがスクロール(縦)してしまう作りになっています。そのテーブルに背景を入れようと思うのですが、スクロールしてしまうほど長い縦テーブルな故に背景も繰り返してしまいます。 背景画像は壁紙のような整列された画像ではなく、一枚の写真を使用したいとおもっております。 縦長の大きい背景を作るというのも一つの手ですが・・・それではなくタグ命令で固定できればと思います。 通常のページ背景ですと背景固定は ◆bodyタグで bgproperties="fixed" ◆スタイルシートで <STYLE type="text/css"> <!-- BODY{background-image:url("■.jpg"); background-color:#背景色; background-position:背景の位置; background-repeat:no-repeat; background-attachment:fixed;} --> </STYLE> って出来るのですが、 テーブル内部の特定のセル背景固定というのは どのようにしたら出来るのでしょうか? ジャバスクリプト、スタイルシート、通常のタグ どのような方法でもかまいません。 テーブル内の特定のセル背景非スクロールについて、 ご教授いただければ幸いです。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • テーブルの中の背景画像固定について(Dreamweaber)

    「テーブルの中の背景画像固定」ですが、他の質問・回答を拝見しましてタグでのやり方は理解できました。 ただ、これを手打ちタグでの挿入ではなく、Dreamweaberへの設定方法として知りたいのです。 それも、出来ればページ内に複数あるテーブルの内の1つ、またその1窓内だけへの固定の仕方が知りたいのですが…。 ソフトに詳しい方いらっしゃいましたら回答お願いいたします。 こちらの環境はi Mac/OS.9.2.2、使用ソフトはDreamweaber MXです。

    • ベストアンサー
    • HTML
  • テーブル幅が固定できない

    テーブル幅が固定できないく困っています。 ドリームウィーバー上では意図した指定幅で表示されているのですが、ブラウザで確認してみると、両端の方のセルが極端に圧縮(幅が短くなる)され、それ以外のセルも圧縮されてしまいます。 画面を横スクロールしなければならないほどに横長のテーブルを作成するとこの現象が起きます。 colspanを使っているからいけないのでしょうか? それともほかに原因があるのでしょうか? このようなときの解決方法を教えてください。

専門家に質問してみよう