CSSカテゴリーのアーカイブ(12件)
IE6で1pxずれて正確にセンタリングできない件
IE6に、margin: auto;でセンタリングしても1pxだけ横にずれるというそこそこメジャーなCSSのバグがある。 こうなる。IE6のコンテンツ部分が左に1pxずれている。 たかが1px。されど1px。この1pxのせいでデザインがパーになる事もあるし、クライアントと言い合いになることもナキニシ…
[Jun 19, 2008 1:58 AM]
FirefoxでFlashが動かなくなるバグ
mixiのCSS系質問で、Flashを貼り付ける際、wmode=transparentを設定するとFirefoxでクリックポイントがずれてしまいまともに操作できなくなるバグというのがあることを知った。 意外と古いバグで、2005年にはbugzillaに挙げられていたようだ。 Firefox2で修正さ…
[Jun 02, 2008 6:06 PM]
Safari3.1はCSSアニメーション付き。
Windows版Safari3.1がリリースされました。 Safari3.1のダウンロード Firefox 2の最大3倍、Internet Explorer 7の最大2倍、Opera 9の最大5.5倍のスピードでページを読み込めます。 また、JavaScriptの実行速度はFirefox 2の最大4…
[Mar 21, 2008 11:03 AM]
IE7のCSSバグ(border付きbox内のfloatでmarginが効かない)
今日ちょっとひっかかったIE7のCSSバグをメモしておきます。 どうやらborder付きのbox内に2重に入れ子にしたfloatさせたboxの親要素(ややこしい!)のmarginが効かなくなるようです。 口で言い表しづらいので、以下のソースを見てください。 XHTML <div id="pag…
[Nov 14, 2007 2:20 AM]
IE6のfirst-letterの謎バグ
IE6のfirst-letterに関する不可解なCSSバグを発見してしまった…。 ちょっと特殊な複合バグだけど、軽くぐぐっても出てこなかったので、一応ポストしておきます。 first-letterを指定したテキストがhidden状態になるバグ。 以下の条件の時に発生。 ブロ…
[Oct 08, 2007 1:23 PM]
CSS Validatorでutf-8のエラーが出たら...
ただいま当サイトのデザイン&コーディング真っ最中なのですが、CSSファイルを何度W3C CSS Validatorにかけても行頭の「@charset "UTF-8″;」が『文法解析エラーが発生しました』と警告を受けてしまうので、非常に困っておりました。 保存エンコード形式間違えたかな?と思ったのです…
[Sep 30, 2007 5:42 PM]
MicrosoftからFirebugみたいなIEプラグインが出た
MicrosoftはWeb制作者向けIE用プラグイン「Internet Explorer Developer Toolbar」の英語Beta版を公開したようです。 ダウンロードページはもちろん全て英語ですが、嫌みのようにFirefox、OperaではJapanizeが有効です。 HTML・CSS構文…
[May 11, 2007 10:27 PM]
[Safari]Clearfixで下スペースが出てしまう問題
以前、[CSS][コピペ]clearfixでコピペ用に最新版のclearfixを紹介していましたが、今回Safariで問題があることが発覚したので、修正版をPostしておきます。 CSS .hoge:after { display: block; clear: both; height: 0;…
[Feb 26, 2007 8:03 PM]
[IE6] input type="password"の場合の表示バグ?
IE6でinputに対してtype="password"を設定した場合、何もCSSを指定していないと普通より高さが大きくなってしまうようです。 ある程度調べてはみたのだが、どうも見あたらない…。 下記のように、heightをつけてあげればもちろん制御はできるのだが、デフォルト状態だとpassword…
[Feb 21, 2007 9:36 PM]
<li>要素をinline化すると隙間ができる問題の回避策
ナビゲーションを全て画像にして、それぞれliでマークアップし、inline化して横並びにさせる手法がありますが、この手法はなぜか2pxほど隙間ができてしまう問題があります。 なぜかというと、下記のように1項目ずつソースコードを改行してしまうことにあります。 HTML <ul id="…
[Feb 15, 2007 7:58 PM]
- Tag Cloud
-
- Actionscript
- AdSense
- Amazon
- API
- blogパーツ
- bookmarklet
- CG
- cookie
- css
- firefox
- flash
- gmail
- greasemonkey
- hack
- IE
- IE6
- IE7
- Javascript
- jQuery
- macbook
- mixi
- MT
- MT3
- MT4
- music
- opera
- RSS
- safari
- Second Life
- SEO
- tips
- tumblr
- webサービス
- webデザイン
- web制作
- xhtml
- XSS
- Yahoo
- はてな
- アイデア
- アクセス解析
- アニメ
- ウィジェット
- ウィルス
- サーバー
- セキュリティ
- ツール
- デザイン
- ニコニコ動画
- ネタ
- バグ
- フリーソフト
- プラグイン
- メディア
- ユーザビリティ
- リニューアル
- 仕事
- 便利
- 写真共有サイト
- 印刷
- 広告
- 携帯電話
- 映画
- 椎名林檎
- 検索
- 考える
- 考え方
- 裏技
- 解決法
- 雑記
- 電気グルーヴ



