<< missing view(新規追加時) | main | 上下のセンタリング >>

スポンサーサイト

一定期間更新がないため広告を表示しています

at , スポンサードリンク, -

-, -, pookmark

IEの左右マージン対策

(1)ブロック要素単独であれば、margin-leftと、margin-rightに「auto」を設定すればOK

(2)divなどのブロック要素をfloatで左右に並べた場合は(1)ができなくなるので、その場合
  通常のmargin指定をしなくてはならないが、IE6の場合、左右マージンが2倍になってしまう。
  その場合は「*html body」を使う。
  下記のように、IE6対策が必要な要素の定義に「「*html body」と記述し、左右マージンを半分 
  の値に指定する。
  
<style type="text/css">
<!--
div #gazo {
 margin:9px 12px 0px 0px;
 float:right;
 height:167px;
 width:167px;
}
*html body div #gazo {
 margin:9px 6px 0px 0px;
 float:right;
 height:167px;
 width:167px;
}
-->
</style>

at 10:12, morinoshima, IEでの表示

comments(0), trackbacks(0), pookmark

スポンサーサイト

at 10:12, スポンサードリンク, -

-, -, pookmark

comment









trackback
url:http://studyprogram.jugem.jp/trackback/39