WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:不定の大きさの表いっぱいの高さボタンは作成できますか

teka [WriteDate : Wed May 23 15:58:06 2001]

大きさが不定の表があります。その表のからむいっぱいの高さのボタンを作りたいのですが何かよい方法はないでしょうか。
<input type = "button" style = "height:100%">ではだめでした


ちゃいぱ [WriteDate : Thu May 24 08:54:34 2001]

「普通、ブラウザのウィンドウの大きさを変えるとその中の表の大きさも連動して変わります。そして、表の中にボタンを配置して、もこれに連動して変わりたい。」

ってことですか?


TOMTOM [WriteDate : Thu May 24 09:06:20 2001]

こういう事ですか?
http://www.geocities.co.jp/Playtown-Domino/4598/HTML_08.html


teka [WriteDate : Thu May 24 13:59:40 2001]

そのとおりです、どうやら私のテーブル構造にバグがあるみたいなのでもう一度見直してみます


teka [WriteDate : Thu May 24 16:30:44 2001]

<table STYLE="height:0%">
でうまくいきました。
ちゃいばさん
TOMTOMさんありがとうございました


Nobu3 [URL] [WriteDate : Thu May 24 16:53:44 2001]

完了済みなので完了にしておきますが…。

確かにIE5.5SP1ではいけましたが、N6ではボタンが表示されません。
試したのは単純なテーブルですけど…。


Nobu3 [WriteDate : Thu May 24 16:58:11 2001]

一応、↓が基本ソースです。

<table border="1" style="width:100%;height:0%">
<tr>
<td>あああああ</td>
<td><input type="button" value="押す" style="width:100%;height:100%"></td>
</tr>
</table>

これで「あ」を増やして高さを変えたり、ウィンドウを狭くしたりしてます。


teka [WriteDate : Thu May 24 17:18:26 2001]

ねすけでだめですか・・・、持ってなかったので確認できませんでした(^^ゞ どうすればいいのでしょうかね、うーん


ween [WriteDate : Thu May 24 17:44:53 2001]

input って非置換インライン要素だから
height を指定することに基本的に無理があるような。むずかしいですね。


ちゃいぱ [WriteDate : Thu May 24 17:45:23 2001]

なぜか、height:100%を削ると、N6とIE5.5が、一緒の感じです。
あてずっぽです...。突っ込まないでね ^^;


ma-to [WriteDate : Fri May 25 00:42:48 2001]


>[WriteDate : Thu May 24 17:44:53 2001]
>input って非置換インライン要素だから

今一度仕様書(CSS2:3.1)の御確認を。。。


>ねすけでだめですか・・・、持ってなかっ
>たので確認できませんでした(^^ゞ どうす
>ればいいのでしょうかね、うーん

アプローチが間違っていると思います。まずは仕様書で使用したいプロパティがどう定義され説明されているのかを理解してから、ブラウザ毎の(html文書における)実装の差に対処するかどうかを決意して、対処すると決意した場合にようやくその方法を模索し始めるのではないかな。



teka [WriteDate : Fri May 25 07:28:36 2001]

親切な忠告ありがとうございます。今一度仕様書を確認してみます。


ween [WriteDate : Fri May 25 07:44:11 2001]

> 今一度仕様書(CSS2:3.1)の御確認を。。。
あれ、置換要素だったか。それは失礼。ご指摘ありがとうございます。

で、 CSS2の height(10.5) 表のセルの高さ(17.5.3)、置換インライン要素の高さ(10.6.2)
を見た感じだと、
テーブルセル内の置換要素の height を % で指定しても 'auto' として扱われ、
高さには内在寸法が適用されるような気がします。

JavaScript の document.defaultView.getComputedStyle()
でセルの高さを取得して input の height に設定するのが正攻法ですかね。


ween [WriteDate : Fri May 25 09:20:27 2001]

自己レスです。
> テーブルセル内の置換要素の height を % で指定しても 'auto' として扱われ、
> 高さには内在寸法が適用されるような気がします。
これちょっとウソかも。わからないです。(^^;

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]
ChaichanPAPA's World