CSSカテゴリーのアーカイブ(12件)

IE6に、margin: auto;でセンタリングしても1pxだけ横にずれるというそこそこメジャーなCSSのバグがある。 こうなる。IE6のコンテンツ部分が左に1pxずれている。 たかが1px。されど1px。この1pxのせいでデザインがパーになる事もあるし、クライアントと言い合いになることもナキニシ…

mixiのCSS系質問で、Flashを貼り付ける際、wmode=transparentを設定するとFirefoxでクリックポイントがずれてしまいまともに操作できなくなるバグというのがあることを知った。 意外と古いバグで、2005年にはbugzillaに挙げられていたようだ。 Firefox2で修正さ…

Windows版Safari3.1がリリースされました。 Safari3.1のダウンロード Firefox 2の最大3倍、Internet Explorer 7の最大2倍、Opera 9の最大5.5倍のスピードでページを読み込めます。 また、JavaScriptの実行速度はFirefox 2の最大4…

今日ちょっとひっかかったIE7のCSSバグをメモしておきます。 どうやらborder付きのbox内に2重に入れ子にしたfloatさせたboxの親要素(ややこしい!)のmarginが効かなくなるようです。 口で言い表しづらいので、以下のソースを見てください。 XHTML <div id="pag…

IE6のfirst-letterに関する不可解なCSSバグを発見してしまった…。 ちょっと特殊な複合バグだけど、軽くぐぐっても出てこなかったので、一応ポストしておきます。 first-letterを指定したテキストがhidden状態になるバグ。 以下の条件の時に発生。 ブロ…

ただいま当サイトのデザイン&コーディング真っ最中なのですが、CSSファイルを何度W3C CSS Validatorにかけても行頭の「@charset "UTF-8″;」が『文法解析エラーが発生しました』と警告を受けてしまうので、非常に困っておりました。 保存エンコード形式間違えたかな?と思ったのです…

MicrosoftはWeb制作者向けIE用プラグイン「Internet Explorer Developer Toolbar」の英語Beta版を公開したようです。 ダウンロードページはもちろん全て英語ですが、嫌みのようにFirefox、OperaではJapanizeが有効です。 HTML・CSS構文…

以前、[CSS][コピペ]clearfixでコピペ用に最新版のclearfixを紹介していましたが、今回Safariで問題があることが発覚したので、修正版をPostしておきます。 CSS .hoge:after { display: block; clear: both; height: 0;…

IE6でinputに対してtype="password"を設定した場合、何もCSSを指定していないと普通より高さが大きくなってしまうようです。 ある程度調べてはみたのだが、どうも見あたらない…。 下記のように、heightをつけてあげればもちろん制御はできるのだが、デフォルト状態だとpassword…

ナビゲーションを全て画像にして、それぞれliでマークアップし、inline化して横並びにさせる手法がありますが、この手法はなぜか2pxほど隙間ができてしまう問題があります。 なぜかというと、下記のように1項目ずつソースコードを改行してしまうことにあります。 HTML <ul id="…

Tag Cloud

About

drop

Author:飴(drop)

web技術に関するtipsや主にweb関連のニュースなどをメモ的に記していきます。
08年1月にWeb制作会社を退職して、現在無職。色々考え中。

このサイトについて

RSS購読