HTMLで、1列3行のテーブルを書くにあたり、1行目と3行目のheightを指定せずに、2行目のheightを画面いっぱいに伸ばしたいです。(つまり、画面の高さが1250pxで、1行目が100px、3行目が100pxなら、2行目が自動的に1050pxで表示されるようにしたい。)どのように指定すればよいでしょうか? 出来ればCSSで指定したいです。

回答の条件
  • 1人2回まで
  • 登録:2007/05/15 13:58:32
  • 終了:2007/05/22 14:00:04

回答(2件)

id:Yota No.1

Yota回答回数453ベストアンサー獲得回数282007/05/15 14:16:07

ポイント35pt

1行目と3行目のheightを指定せずに、2行目のheightを画面いっぱいに伸ばしたいです

これだと3行ともheigth指定されてないのでわかりづらいですが、とりあえず書いてみます。

<html>

<head>

<title>table test</title>

<style type="text/css"></p> <p> <!--</p> <p> table {height:100%;width:400px;}</p> <p> tr.short {height:100px;}</p> <p> --> </p> <p> </style>

</head>

<body>

 
 
 

</body>

</html>

id:jejekko No.2

jejekko回答回数3ベストアンサー獲得回数02007/05/15 17:27:23

ポイント35pt

<html>

<head>

<title></title>

</head>

<style>

body, table#sample {

height:100%;

margin: 0;

padding: 0;

}

tr.r1 td{ height: 20px; }

tr.r2 td{ height: 100%; }

tr.r3 td{ height: 50px; }

</style>

<body>

<table id="sample" border="1">

<tr class="r1"><td>AAA AAA AAA</td></tr>

<tr class="r2"><td>BBB BBB BBB</td></tr>

<tr class="r3"><td>CCC CCC CCC</td></tr>

</table>

</body>

</html>

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません