2011年7月8日金曜日

特定のhtmlをIE意外で表示、非表示を設定出来るIEの独自拡張。

<!--[if IE ]>
   <p>この表示はIEだけで見えます。</p>
<![endif]-->


<!--[if IE 6 ]>
   <p>この表示はIE6だけで見えます。</p>
<![endif]-->


<!--[if lte IE 6 ]>
   <p>この表示はIE6以下で見えます。</p>
<![endif]-->


<![if !IE ]>
   <p>この表示はIE以外のブラウザで見えます。</p>
<![endif]>


<![if !IE 6 ]>
   <p>この表示はIE6以外のブラウザで見えます。</p>
<![endif]>

リストマークの画像のずれを修正する(backgroundでリストマーク指定)

(例) 
li {
    padding-left: 12px;
    background: url(hogehoge.gif) no-repeat 0px 0.5em;
    list-style: none;
}
 
padding-left は画像を配置する分の余白です。
url の後ろの指定は順に
background-repeat(画像の繰り返し表示)
background-position-x(X軸方向の開始位置)
background-position-y(Y軸方向の開始位置)
 

2011年7月7日木曜日

ie6、7バグ。
  • が階段状になる
  • li a {
    display:block;
    float:left;
    width:100px;
    }

    だと階段状に表示されるバグがある。
    なので以下のようにすると解決する。

    li a {
    display:block;
    width:100px;
    }
    li {
    display:block;
    float:left;
    }


    <参考URL>
    http://docs.yumeka.org/bg_g/709.html

    2011年7月6日水曜日

    ie6 でposition:fixed;を実装する。

    <!--[if lt IE 7]> 
    <style type="text/css">
     #fixed {
      position: absolute;
      top: expression(eval(document.documentElement.scrollTop+50));
      left: 100px;
     }
    </style>
    <![endif]-->
     
    をhtmlに表記、cssや数値は状況によって変える。
    body {
      background: url(null) fixed;
    }
    スタイルシートに記述する。
    これだけ。。

    2011年7月2日土曜日