http://www.itmedia.co.jp/news/articles/0903/20/news006.html早速VMWareのXPにインストールしてスナップショット取った。 サクッと環境保存できるVMWareは本当便利。 JSの実行速度が速くなったのもいいんですが、なんと言ってもW3C準拠が大きいですよね。 …

国際化を考えると、ゴシックとmonospaceを指定しとくのが無難なのかなー？

子要素でfloatしてると、親要素の高さが自動計算されなくなるのを防ぐ .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear { display: inline-table; } /* for ie */ * html .clear { height: 1%; } .clea…

これまで横のタブデザインは何回か作ったけど、縦のタブデザインを初めて作ったのでメモっておく。 DOCTYPEは、XHTML1.0 Transitional で作ってます。 タブ部分横幅固定でコンテンツ部分はリキッド。 まず、タブとコンテンツをマークアップします。 <div class="tabWrap"> <ul class="tabList"> <li class="tab">hogeho</li></ul></div>…

例えば、 <ul style="list-style:none;"> <li><a style="background: transparent url('images/help20.gif') no-repeat scroll 0px; background-position: 0 50%; background-repeat: no-repeat; padding: 2px 0 4px 20px;" href="help.html">ヘルプ</a></li> </ul> のような、背景に画像を指定したリンクがあるとする。すると、IE6でこのリンクにマウスを乗せるたびにカーソルが砂時計になる…

んもーIEとFirefoxの見た目ずれまくり！とよく見るとDOCTYPE宣言忘れててIEが後方互換モードってた。 なのでDOCTYPE宣言書いたところ、それでも直らない。。。 変わらず後方互換モードのままみたい。widthの値がpaddingの値を含んだものになってるから小っさ…

画面右下にとあるナビゲーション要素を常に表示させたい時、IE7・FirefoxとOperaだと「position:fixed」で固定できるけど、IE6だと「position:fixed」というプロパティは無いのでどうしようと悩んでました。 .navi { position: fixed !important; position: …