Rewish

「問題を解決する1行のスタイルシート」に+3点(+2点)

いろいろな問題を解決する1行のスタイルシート集 | コリス

上記で紹介されている、CSSレイアウトで生じる問題を解決する8つの1行スタイルシートに、足りなさそうなモノを3点、補足で2点書いてみます。(ちょっと身内向け)

ブラウザのスクロールバーを常に表示させる : 補足

Firefoxのスクロールバーを常に表示する方法のもう一つの方法。

html , body {
  min-height: 101%;
}

水平方向のセンタリング : 補足

IE6後方互換モード用(XML宣言付き)の水平センタリング方法。

body {
  text-align: center;
}

Table内の文字をベースサイズに合わせる : 追加

Tableの文字サイズをbodyで指定したフォントサイズに統一。

table {
  font-size: 1em; /* or 100% */
}

リンク画像のボーダーを消す : 追加

これはかなり基本ですね。

img {
  border: none;
}

画像下の余白を無くす : 追加

画像の下に出現する余白を無くす。これも基本ですね。

img {
  vertical-align: bottom;
}