こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

line-heightについて

お世話になります

<style type="text/css">
<!--
td {
line-height:30px;
}
//-->
</style>

<form action="***.cgi" method="post" name="f">

<table>
<tr>
<td>1<br>2<br>3<br>4</td>
<td>
<input type="radio" name="a">1<br>
<input type="radio" name="a">2<br>
<input type="radio" name="a">3<br>
<input type="radio" name="a">4
</td>
<td>
<input type="radio" name="b">1<br>
<input type="radio" name="b">2<br>
<input type="radio" name="b">3<br>
<input type="checkbox" name="c">A
</td>
</tr>
</table>
<input type="submit" value="入力">
</form>

としたらFirefox,Operaではline-heightが適用されるのですがIEでは適用されずに段が異なってしまいます

<tr>を使って表示すればいいのですがelements[i]を使いたいのです

name="a"を選択したらsubmitのdisabledをfalseにしたり
checkboxを選択したら全部のチェックを外したり
name="a"の選択によってname="b"の一部をdisabledにしたりしてます

ですので恐らくelements[i]を奇数・偶数に分けたりして処理すれば<tr>を使って表示できるのだと思うのですが、これ以上複雑にしたくなかったのでlin-heightを使ったのですが何か良い手はないでしょうか?

投稿日時 - 2007-05-29 05:38:52

QNo.3039193

暇なときに回答ください

質問者が選んだベストアンサー

IEのバグですね。

もっといい方法がありそうだけど思いつかないので、
IEが先行実装したプロパティで。

以下を追加
<!--[if IE]>
<style type="text/css">
td{layout-grid-line:30px;}
</style>
<![endif]-->

投稿日時 - 2007-05-29 11:43:07

お礼

回答ありがとうございます

おかげ様できちんと揃えて表示することができました(^^)
ありがとうございます

投稿日時 - 2007-05-29 19:50:18

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問