Abandoned Well

お気に入りサイトへのリンクと徒然なる日記帳

Categoris
Archives
Search

1 / 1: 1

2007年07月21日(土)

[更新情報] デザイン微調整

文字コードの関係からかIEだと何故かフォントが微妙になってたのが悩ましかった。 で、今更ながらCSSハックってのをLucky bag::blog: IE7 を含むモダンブラウザ向けの CSS ハックまとめの記事で知ったので早速やってみる。

* + html body {
    font-family         : "MS Pゴシック","MS Gothic",Helvetica,sans-serif;
    font-size           : 98%;
}
* html body {
    font-family         : "MS Pゴシック","MS Gothic",Helvetica,sans-serif;
    font-size           : 98%;
}

IE6で確認。 これでFirefoxと同じ表示に一歩近づいたかな。

あとTips/Web/class と id の違いとは? - outsider reflexの記事は目から鱗ものだった。 こちらも早速多用してたidセレクタをclassセレクタに変更。確かによくよく考えてみればclassの方が理にかなってるよね。

他にもスタイルシートのコードを少しばかりリファイン。 現状のデザイン自体はかなり気に入ってるのでこれを改良・洗練させる方向で。 個別記事表示の場合に真ん中のボーダーが左側のボックスの関係で途中までになってるのを何とか下のフッタまで貫通させたいんだが 幾度試行錯誤しても上手くいかず。ググッてたらmin-heightプロパティで最小の高さを指定すれば解決する事に今更ながら気付いたバカな俺。 IEだとmin-heightプロパティは未対応なんでこちらもCSSハック。IE用にパディングとして28%程度の下部に余白を追加。 個別記事の時はともかく一覧表示の場合には下側にやたら空白が出来てしまい不格好なんだが、まぁ仕方ないか。

取り敢えずこれでValidatorチェック。もし表示がキャッシュの関係で崩れてる場合は再読込やスーパーリロード(ctrl + F5)を。

This Page Is Valid XHTML 1.0 Transitional!

エラー及び警告は見つかりませんでした。

関連記事 | 記事URL

1 / 1: 1

Powered by blosxom
2006 Abandoned Well < noma@s4.xrea.com >
counter