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を使ったのですが何か良い手はないでしょうか？

回答No.1

steel_gray · ベストアンサー

IEのバグですね。

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

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

お礼

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

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