Rewish

ウェブデザイン、XHTML、CSS、PHP、WordPress、Movable Typeなど、Web制作で役立つかも知れないBlog.

『問題を解決する1行のスタイルシート』に＋3点(＋2点)

カテゴリー
(X)HTML/CSS
タグ
Coding

CSS Globeのエントリーから、スタイルシートのレイアウトで生じる問題を解決する8つの1行のスタイルシートの紹介です。

8 Premium One Line Css Tips

引用:いろいろな問題を解決する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;
}