<td>
HTMLテーブルの属性内に2つのラジオボタンがあります。どちらにも<label>
タグが付いています。ご存知のように、テーブルタグには属性幅がありません。各ラジオボタンのラベルの間にスペースを設定するためのクロスブラウザソリューションを見つけようとしています。
私はこのコードを持っています:
<td class="changeUnitsSetLabelWidth">
<?php echo $form->radio("changeUnitsMode",UnitsTabComponent::SET_ALL_METRIC)->set("id","changeUnitsMode_metric") . $form->label("changeUnitsMode", "Metric")->set("for","changeUnitsMode_metric");
echo $form->radio("changeUnitsMode", UnitsTabComponent::SET_ALL_IMPERIAL)->set("id","changeUnitsMode_imperial") . $form->label("changeUnitsMode", "Imperial")->set("for","changeUnitsMode_imperial");
?>
</td>
CSSに次の行を追加しました。
.changeUnitsSetLabelWidth label{ display: inline-table; width: 80px;}
インターネットで検索したところ、IE7では機能しないことがわかりました(なんというニュースです!?!)ので、この表示を行う別の方法を見つけるのを手伝ってください:インラインテーブル、私が設定できる方法でラベルの幅。