ヘッダーのCSSカスタマイズ(2)
ブラウザの利用状況ですが、IEが7割くらいで、そのうちIE6が5割くらいです。(2009年3月/当サイト統計)IEに合わせてレイアウトしても、chromeやSafari、Firefoxでは、微妙にずれたりします。今回のヘッダーも例外ではありません。
そこで以下のようなCSSを、本来の「#header」の下に付け加えておきます。重複する形になりますが、問題はなさそうです。下線部は任意の数字に変更します。
#header
{ /* chrome IE7 Safari Firefox */
height:auto;
min-height:138px;
margin:0px auto;
text-align: center;
}