![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
No.1ベストアンサー
- 回答日時:
幅と高さが100%でセルが1つのテーブルを作って、そのセルの属性で valign="bottom" を設定すれば良いかと。
例:上側のHTML--------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>top</title>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table cellspacing="0" cellpadding="0" height="100%" width="100%">
<tr><td valign="bottom">
<table border height="100">
<tr><td>hoge</td></tr>
</table>
</td></tr>
</table>
</body>
</html>
この回答への補足
あとで、
<html>
<head>
<title>top</title>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table cellspacing="0" cellpadding="0" height="100%" width="100%" border>
<td valign="bottom">hoge</td></tr>
</table>
</body>
</html>
このようにもやってみたのですが、テーブルの枠は上・右・左にはいっぱいになるのにやはり下は余白がありました。
無理なのでしょうか・・・。
回答ありがとうございます。
パーセントでテープルの大きさを設定できるとは知りませんでした。
しかし、書いていただいたのを貼りつけてみましたが、左と上にぴったりくっついて下には余白ができていました。
やり方がいけなかったのでしょうか?
No.2
- 回答日時:
root139さんの方法でピッタリいきましたよ。
ひょっとして、<FRAMESET rows="30%,70%" frameborder="NO" border="5">
という風にフレームのボーダーが非表示で幅を指定してありませんか?border="0" とすれば、この方法で隙間なく上下がくっつきました。
スタイルシートがお嫌いでなければ
<BODY scroll=no style="margin : 0px 0px 0px 0px;">
<TABLE width ="100%" height="100%">
という方法もあります。スクロールバーを出す必要がない場合は、scroll=no とすると右もいっぱいまで表示できます。スクロールが必要な場合はscroll=no は外してください。
あるいは、下の余白というのもスクロールバー領域なのかも知れませんね。
<BODY style="margin : 0px 0px 0px 0px; overflow-x : hidden;">
とすると下側に左右へのスクロールバーだけを出さないようにできますので、お試しください。
nuruhho44さんの回答を読んで、質問が説明不足だったことに気づきました。
わたしはスクロールを出さずにぴったりくっつけたかったんです。
root139さんの方法ではぴったりと表示されるものの、スクロールで下にいくと余白が出ていたという意味だったんです。
スクロールを表示させずにroot139さんの方法でやるとうまくいきました。
わたしの説明不足で、ごめんなさい。
nuruhho44さんは先日もいい方法を教えてくださり、重ね重ねありがとうございます。
(document.getElementByIdは、他にも使えるみたいだけど、それ自体がいったいどういう意味を持つのかはわかりませんでした。でもNNでもきちんと見えています!)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript htmlとcssで分数を表示後、分数の右側に文書を書きたい 1 2022/04/28 10:09
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- オープンソース cssで中央寄せ 1 2023/05/19 06:25
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- 物理学 物理 7 2023/08/05 11:51
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- MySQL 【MySQL】本当に困っているので、助けてください。よろしくお願いします。 3 2023/06/03 14:24
- Oracle SQL update方法 2 2022/06/22 14:07
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- MySQL データベースの複製の仕方(mysql) 2 2023/05/30 18:24
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
<th>タグを使っても太字にしな...
-
(HTML)Tableを任意の位置に置...
-
テーブルとテーブルの間隔について
-
CSSで特定のテーブルだけに...
-
画面幅に合わせてテーブルのカ...
-
TR タグの表示・非表示を一括で...
-
tableを縦に続けるとtable間の...
-
html5のテーブル内でdivのタブ...
-
ホームページの画面をパソコン...
-
cssでテーブルで細い線
-
パソコンで見るとレイアウトが...
-
背景色付きのマーキーみたいに
-
テーブル内セルの大きさが途中...
-
画面が縮小しないように表示したい
-
スタイルシートで左側だけ色を...
-
HTML5で、テーブル内tdタグの高...
-
テーブルが二重で表示されてし...
-
ブラウザによる「width」の違い
-
ブログのカスタマイズで、テー...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
table表を横に並べる際の間隔指定
-
HTML5で、テーブル内tdタグの高...
-
HTML tableのセルにtextareaを...
-
(HTML)Tableを任意の位置に置...
-
テーブル内のセル間にスペース...
-
textareaの外側の文字が下付き...
-
同じ幅指定のつもりなのに、ブ...
-
html5のテーブル内でdivのタブ...
-
<fieldset>タグについて
-
tableの位置がIEとその他ブラウ...
-
tableを縦に続けるとtable間の...
-
画面幅に合わせてテーブルのカ...
-
HTMLのテーブルをExcelにCopy&P...
-
ラインを端から端まで画面いっ...
-
tableのcellpadding="0" cellsp...
-
ホームページのテキストを折り...
おすすめ情報