Articles tagged 'CSS'

IE6で疑似フレーム第2弾【JavaScriptも使ってみたよ】

-

psuedo_frame.png

標準モードでIE6で疑似フレーム(position-fixed;もどき)

-

IE6 以外では、position: fixed;がサポートされているのでどうってことはないが、IE6はposition: fixed;が使えないので、ごにょごにょしてなんとかしないといけない。

IE6でfloatした要素が兄要素のmarginを継承(?)する

-

出現条件を説明するのが難しい。IE6はfloatを指定した要素の親要素にwidth属性を指定するとfloatした要素の高さが親要素に含まれるバグがあります(詳しくはIEでfloat属性を指定した要素の親要素のborderが消えるバグを見て下さい)。このバグが発生している場合に、float属性を指定した子要素が兄要素に指定されているmargin-bottomを継承するみたい。

vertical-align属性と画像の垂直位置

-

どうも、IEだけ異なる挙動をするので、検証してみました。vertical-align 属性のキーワード指定の初期設定が違うだけなのかと思いきや。

ロールオーバーエフェクトなんて無くなればいいのに

-

以前、画像置換法の問題点について書きましたが、時は過ぎ、すっかり画像置換法のお世話になっています・・ 通常と hover 時の画像を1枚にしておくとプリロードの必要がないので便利です。ですが、最近は再び、その問題点についての議論が諸処で巻き起こっているようです。

mac版 Firefox でのフォント名指定

-

プラグインの対応状況を調査してないので、いまだに ver.1.5 です。
最近、mac版の表示フォントがおかしくなった。MS Pゴシックになってる。

IE5.5を回避/IE5.5だけに適用

-

対応しなければいけない可能性がでてきたので windows 版IE5.5に関するCSSハックを調査。

IEでfloat属性を指定した要素の親要素のborderが消えるバグ

-

しかし、floatって難儀だなあ・・・

Firefox のデフォルトフォントサイズ

-

相対指定でも12px相当になるようなフォーマットを作っていたのだが。

float属性を指定した要素の親要素の高さ

-

2コラムレイアウトなどでfloatで左右に振る方法があるが、floatを指定した要素を包含する親要素のボックスは高さ0でレンダリングされてしまう。

mac版IEのfloat属性の挙動について

-

やっと解決だー。

mac IEでfloatが効かない

IEでの文書型宣言と(X)HTMLのレンダリング

-

たまたま、IE6でmarginプロパティによるセンタリングが再現できたので、原因を調査。

IEのbackground-colorのバグ?

-

未解決。

table周りのCSS

-

<table>関係のタグでのCSSの挙動について。

画像置換法と印刷

-

僕自身はこの画像置換法というやつは使ったことがありません。なぜかというと・・・

CSSの文字コード指定

-

ちょっと思い出したのでメモ。

IEで画像の上下に余計なスペースが空く

-

CSSでコーディングしていると、<li>要素とか<td>要素に配置した画像の上下が妙にあいてたりするんだけど、これがひとつの要因ぽい。

リスト要素のスペース

-

liタグはmarginpaddingだけでは意図したスペースが指定できない場合がある。モダンブラウザではwidthheightを指定するとイケテル。それでもIE6では2pxぐらい余分なスペースが空く。。。アンダースコア・ハックで別な値を指定しないとだめっぽい。。。