私が次のようなものを書くとき:
<table style="margin-left: 30px;" >
</table>
また:
<div style="margin-left: 30px;">
<h:commandButton value="add" action="a"></h:commandButton>
<h:commandButton value="cancel" action="b" immediate="true"></h:commandButton>
</div>
マージンが正しく表示されます。
しかし、私が書くとき:
<table class="marg" >
</table>
また:
<div class="marg">
<h:commandButton value="add" action="a"></h:commandButton>
<h:commandButton value="cancel" action="b" immediate="true"></h:commandButton>
</div>
このルールで:
.marg {
margin-left: 50px;
margin-top: 30px;
}
HTMLで生成されたコード:
<table class="marg">
</table>
<div class="marg">
<input id="j_id1109917403_4227fec1:j_id1109917403_4227feb3" type="submit" value="add" name="j_id1109917403_4227fec1:j_id1109917403_4227feb3">
<input id="j_id1109917403_4227fec1:j_id1109917403_4227feae" type="submit" value="cancel" name="j_id1109917403_4227fec1:j_id1109917403_4227feae">
</div>
表とボタンは余白なしで表示されます。なんで ?