人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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


●質問者: crashtruck
●カテゴリ:インターネット ウェブ制作
✍キーワード:CSS HTML 自動
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● Yota
●35ポイント

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>


2 ● jejekko
●35ポイント

<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>

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ