CSSカテゴリーのアーカイブ（15件）

Safariのlist-styleがアホな件

たまたま発見したのだが、下記のような一般的なリストがあるとして、 HTML <ul> <li>メニュー</li> <li>メニュー</li> <li>メニュー</li> <li>メニュー</l…

[Sep 05, 2008 7:33 PM]

mixiの新しいヘッダーをこざっぱりさせてみた

mixi関連連続エントリーです。 Operaの表示がおかしかったのを直したついでに、ユーザースタイルシートでヘッダーのバナーをとっぱらってデザインちょっと変えてみました。ロゴの下の妙なスペースとか、広告が無理矢理な位置にあったせいですごく中途半端になっていたのがスッキリ！！ mixiヘッダー用スタ…

[Jul 09, 2008 6:48 AM]

Opera9.5xでmixiの表示がおかしいのを修正してみた

7月7日にリニューアルしたmixiの一部ページがOpera9.5xにて表示がちょっとおかしい問題がありました。こんな風にヘッダー部分に異常なスペースが。見てみると、「メッセージ」と「足あと」の2ページで発生しており、この2ページは2007年10月1日以前の古いコンテンツを流用していることが判明。…

[Jul 09, 2008 5:01 AM]

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]