opacityプロパティを設定している要素にz-indexを適用するときは親要素にposition: relativeを指定する。

使用しているJavaScriptの開発環境のメモ

Bootstrapで固定幅のレスポンシブデザインを行うメモ。

JavaScript, CSS, PHPのコーディングスタイルのメモ

浮動(float)ボックスは必ず横幅を指定する。

不透明度に関するいくつかのまとめ。

原因は特定できていないけれどIE9で下記の現象が起こり解決に手間取ったのでメモをしておく。 トップページのfooterのスタイルをhead要素に記載していた。 . div#footer { clear: both; po […]

レイアウトの分け方の一つとして横幅を固定した固定レイアウト(Fixed layout)とブラウザの画面サイズに応じて変動するリキッドレイアウト(Liquid layout)がある。またリキッドレイアウトも特徴に応じていく […]

td要素はmarginプロパティが適用されなかった。 display: inline-blockを指定するとうまくいったので覚書。 追記20091002 IEでは動作しなかった。

float要素に記述したテキストの中で末尾のテキストが意図しない場所に複製表示される問題についての覚書。

floatプロパティを用いたCSSレイアウトのまとめ。

 CSSのフォントサイズでbodyに20pxを指定するとemや%で設定する際に便利。

CSSの文字サイズと行間のメモ。

IE6,7専用のハックのまとめ。 #hoge { /* 一般のブラウザに適用 */ margin: 10px; padding: 6px; } *:first-child+html #hoge { /* IE7にのみ適用 […]

XHTML 1.0 TransitionalはWin版IE6,Mac版IE5,初期Gecko(Netscape6,Mozilla1.0)では標準モードでレンダリングされます。このとき、初期Geckoブラウザではテーブル内 […]

CSSハックについてWeb標準の教科書 益子貴寛著では下記のように記載されています。 ブラウザの実装差異や実装不備(バグ)を利用して、CSSの適用対象から一部のブラウザを外したり、特定のブラウザのみを対象にCSSを適用す […]

クラス属性にはクラス名をスペースで区切ることにより、複数指定することができます。

ime-modeは日本語入力を制御するIE独自のCSSプロパティです。Firefoxでも次バージョンであるFirefox3.0からサポートされる予定だそうです。

font-sizeプロパティは親要素の値を継承します。既定値(つまりhtml要素のfont-sizeプロパティの値)は下記の通りです。

vertical-alignプロパティは行ボックス内のインラインボックスや表のセルの垂直配置を指定するプロパティです。本記事では、セルに設定する場合についてまとめています。