AUのDIVの余白について

  • ユーザとしてログインするとこのフォーラムに投稿することができます。
    アカウントをお持ちでない場合はこちらから登録してください。
投稿日時 2008-9-22 18:28 | 投稿者: apptaro
AUではDIVを並べた時に2px程の余白が出来てしまいますが、エミュレータではこれをmargin-topのように表現していますが、W61Tの実機で調べたところmargin-bottomのように余白が空いているようです。さらに実機ではBODYから2階層目までのDIVには余白ができないように見えます。下記のようなXHTMLコードで確認しました。

<div style="margin-left:10px;background-color:red;">
red
<div style="margin-left:10px;background-color:green;">
green
<div style="margin-left:10px;background-color:blue;">
blue
<div style="margin-left:10px;background-color:white;">
white
<div style="background-color:red;">red</div>
<div style="background-color:green;">green</div>
<div style="background-color:blue;">blue</div>
</div>
</div>
</div>
</div>
投稿日時 2008-9-22 20:10 | 投稿者: DevX (管理者)
はい m(_ _)m
当社の調査でもbottom側につけるべきだとわかっていたのですが、実装が追いついていない状態です。
修正いたします。
投稿日時 2008-10-6 17:18 | 投稿者: DevX (管理者)
バージョン1.0.1.66で、auでのブロック間の余白2pxをmargin-bottom側につけるように修正いたしました。
divをネストした場合は、親divと子divの間にはこの余白はつかないようにしています。
divの階層による余白の有無は、ネストした場合に余白がつかないことと受け取りましたが、良かったでしょうか?
投稿日時 2008-10-6 19:07 | 投稿者: apptaro
余白がmargin-bottomについていることを確認しました。
ありがとうございます。

divの階層による余白の有無は言われている内容と少し
異なります。よくわかりませんが、divをネストしても
2つ目のネストまでは余白ができないようです。
もともとの質問のXHTMLコードでW61Tの実機だと
そうなりました。


価格・購入
無料評価版