- 締切済み
Tableの高さ指定
今、左側にメニューのあるページを作成しています。 メニューの背景に色をつけ、100％指定して一番下まで設定したいのですが、、、 Tableの高さ指定で100％すればいいだけの話なのですが、システムの関係上、外側に大きなTableがデフォルトであり、その中に入れ子で作成しなければならないのです。 入れ子にした場合、中のTableの高さの100％指定がきかなくなってしまいました。 ページ内容は、メニューより短いものも倍以上あるものもあるので、pixel指定はできません。 どうすれば入れ子のTableの高さを％指定できるのでしょうか？ 分かりにくい説明で申し訳有りません。 ご存じの方いらっしゃいましたらご教授ください。 よろしくお願いします。
- 11111111neko
- お礼率40% (2/5)
- HTML
- 回答数4
- ありがとう数1
- みんなの回答 （4）
- 専門家の回答
みんなの回答
- pentaro_2000
- ベストアンサー率23% (29/123)
「入れ子にする」ということは、 「外側のテーブルより小さいサイズにする」 ということでしょうか？ 実現したいことって、 「画面のサイズに合わせてテーブルのサイズを設定する」 ということですよね。 これはつまり、 「外のテーブルサイズに関係なく中のテーブルサイズを設定したい」 ってことですよね。 これって、前提となる 「外側のテーブルサイズより小さくする」 という条件に矛盾してますよね。 論理的に矛盾があるので、 実装は不可能です。 実装するのであれば、 前提を変えるか、実現内容を変更するしかありませんね。 外側のテーブルサイズを気にしなくて良いなら、 #3さんの方法でよいと思いますが。
- q-tip
- ベストアンサー率28% (2/7)
こんにちは。 どうしても入れ子でないとだめなのでしょうか？ 下記スタイルシートにてtableを重ねてしまうやり方ですが、だめでしょうか？ そのtableの一定のセルしかいじれないのであれば、入れ子にすると外側に対しての%になってしまうので画面に対しての%表示はおそらく無理ではないかと思います。 あまり参考にならなくてすみません。 <html> <head> <style type="text/css"> <!-- table.menu { position: absolute; background-color: #666666; width: 200px; height: 100%; top: 15px; } --> </style> </head> <body> <table width="700" bgcolor="#cccccc" height="1200"> <tr> <td> </td> <td> </td> </tr> </table> <table class="menu"> <tr> <td> </td> </tr> </table> </body> </html> では。
- q-tip
- ベストアンサー率28% (2/7)
こんにちは。 メイン部分の長さに関係なくメニューは画面に対して100%にしたい、という事でしょうか？ 単純に入れ子に対して%での高さ指定がうまくいかないのでしょうか？
補足
こんにちは。 分かりにくくて申し訳ないです。 >メイン部分の長さに関係なくメニューは画面に対して100%にしたい、という事でしょうか？ そうです！ でも、どうしてもそのメニュー部分のTableを入れ子にしないといけないのです。 ＃外側のTableで100％で指定したらできるのは分かるのですが、プログラム側のデフォルト設定なので触ることができないのです・・・。融通がきかなくて。
- hiro_izushi
- ベストアンサー率40% (72/178)
そのセルに対して100%なので、外のテーブルも100%にしないとだめですよ。
補足
回答ありがとうございます。 と、いうことはやはり入れ子にしたTableで画面に対しての100％表示は絶対無理ということでしょうか・・・。
関連するQ&A
- 「テーブル」がずれる
一つのページに左右１個ずつ（計２つ）のテーブルがあります。そのなかにテキストを入れています。ブラウザの文字サイズを「中」で見るように設計をしたので、「大」にすると左右のテーブル（高さ）がずれてしまいます。テーブルの中に入っているテキストは「ピクセル」で指定しています。「％」で指定したほうがよいのか、ページ全体をテーブル（入れ子）にするのかどのようにしたら「ずれない」でしょうか？それとも「ずれなくする」方法はあるのでしょうか？
- 締切済み
- CSS
- Dreamweaverでテーブルを作ると
Dreamweaver初心者なので初歩的な質問だとは思うのですが、よろしくお願いします。 ページを作成するときにテンプレートとしてテーブルを中央上に固定し、幅を700ピクセル、真ん中のセルを入れ子にして編集可能領域にしたいのですが。そこで問題があります。 〔1〕どうしてもテーブルの上と左に空白ができてしまいます。 〔2〕なにか微妙に縦の線（セルの幅）がずれているようです。 ■なにかよいページの設定やＣＳＳ、テーブルの設定方法があるのでしょうか？ ■理想としては http://www.nikkansports.com/ のような感じにしたいのです。 ■上のページのようにテーブルの横に影のような背景をつけたいのですがどのようにすればよいでしょうか？
- ベストアンサー
- ホームページ作成ソフト
- テーブルでの枠線はどうやって作る？
ドリームウィーバーでＨＰを作っていますが、Yahooの（どこのページにもありますが）トップページで使われているような、テーブルの枠線を１ピクセルの細さで作成したいのですが、どうやれば1ピクセルで作れるのでしょうか？自分のやり方では、1ピクセルの細さにならないんです。 自分のやり方としては、枠線となる行（列）の高さ（幅）をプロパティインスペクタの入力欄に「１」として背景に色を設定しています。 このやり方だと、明らかに３、４ピクセルの太さになります。 説明がわかりにくかったらすみませんが、わかる方いましたら教えてください。
- 締切済み
- ホームページ作成ソフト
- テーブルの横100%、高さ100%について
お世話になっております。テーブルの横幅100%、高さ100%（背景色指定あり）にして、その中に入れ子で別のテーブルを作っているのですが、マックでみると、高さ100%のテーブルなのに、ブラウザの一番下まできていません。。。 どうしてでしょうか。キャッシュ等の問題ではなさそうです。マックでは高さ100%は向いていないのでしょうか。 本当に困っています。 解決策をよろしくお願いします！
- ベストアンサー
- HTML
- テーブルの位置を細かく指定したい。
現在、テーブルを組み合わせたサイトを作っていまして そのテーブルの位置に悩んでおります。 背景固定で一つ大きめのイラストを置いていまして そこに合わせてテーブルの位置を細かく調整したいのです。 center、left、rightの偏った3種類の位置じゃなく 左から200ピクセル程度の位置にテーブルを置きたいのです。 この様なタグはありませんか? これはCSSなどて指定するしかないのでしようか?
- ベストアンサー
- HTML
- テーブル入れ子にしたらNNではダメ？
赤い背景画像を使ったHTMLにテーブルを3個入れ子で載せました。 下のテーブルのセルに白色、中のテーブルのセル色にグレー、一番上のテーブルのセルに白色を指定しました。 そこへラジオボタンをつけたのですが、本来、枠がない丸いボタンのところに赤の枠ができてしまいます。 IEでは問題ないのですが、NN4.7で確認したらこうなっていました。 デザインを変えずに回避する方法があったら教えてください。 また、NN6.*～だったらOKということはありますか？
- ベストアンサー
- HTML
- クリックで指定のテーブルの背景色を変えたい
クリックするのは文字でも画像でもいいのですが、 それをクリックすると指定のテーブルの背景色が変わるようにしたいんです。 (同ページ内です。) どうしたら良いでしょうか？
- ベストアンサー
- JavaScript
- HPのフレームの色指定について
IE5.5 W.Me で作成して確認してます フレームを2分割してます 左側にメニューを表示してます 左側の画面の色を指定してるのですが 色がでないで白いままです 何処か違っていたら教えてください トップページにしているindex.htmlは http://www31.freeweb.ne.jp/diary/sgg/index.htmlに下記を記述 <html> <frameset cols="200,*"> <frame SRC="menu.html" NAME="one"> <frame SRC="top.html" NAME="two"> </frameset> </html> 左側のフレームにメニューでリンクできるページmenu.htmlは http://www31.freeweb.ne.jp/diary/sgg/menu.htmlに下記を記述 </HEAD> <body bgcolor="#48d1cc" link="#fffacd" vlink="#fffacd" onLoad="Check()"> ココの部分はメニューなどをかいています </body> 右側のフレームにメニューの内容を書いたページtop.htmlは http://www31.freeweb.ne.jp/diary/sgg/top.htmlに下記を記述 </HEAD> ローカルで確認すると指定どうりに 水色の背景になっています ｗｅｂ上では バックの色が白で文字は黄色です よろしくお願いしますよろしくお願いします
- ベストアンサー
- その他（インターネット・Webサービス）
- DREAMWEAVER,Macではきちんと表示されるのに。
現在HPを作成していますが、Macではきちんと表示されるのに、Winだとレイアウトが崩れてしまいます。 一つのテーブル（外枠）の中に二つ以上のテーブルを入れると、テーブルとテーブルの間にある一定の隙間があいてしまいます。ページが縦に間延びした感じになってしまいます。ソースを確認したところ、指定していないheightのピクセル数が入っていたので全部削除しました。現在、外枠も入れ子にしているテーブルにもheightは設定されていない状態なのですが問題は改善されません。 原因は入れ子にしているテーブルにあるのかな、なんて何となく思っているのですがどうしたらいいのか分かりません。何か気がつくことがありましたら教えて下さい。よろしくお願いします。
- 締切済み
- HTML
- heightを％で指定して効果が出ない！？
今、左側にメインコンテンツ、右側にメニューのあるページを作成しています。 左側のコンテンツはページによって長さが違うので、右側のメニューもそれにあわせて伸びるようにheight="100%"という風に指定したのですが、ちゃんと効果が出ないようです。 ページトップの宣言文 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> をはずしたら効果が現れたのですが HTML4.01Transitionalだとテーブルのheightの％指定は無効なんでしょうか？ もし、そうだとしたら他に解決法はありますでしょうか？
- 締切済み
- HTML
お礼
ご回答ありがとうございます。 そうなんです。どうしても入れ子にしないと駄目なんです（デフォルトで入れ子になった状態なんです…）。 スミマセン。 スタイルシートでの方法も教えてくださって、ありがとうございました！！ 今回は残念ながら使用できないのですが、次回の参考にさせていただきます。