blog.grayash.com Webデザイナーによるブログ。日々勉強

164月/042

テンプレートを作ろう! 第三回

前回に続き、レンダリング後のXHTMLファイルをせこせこ製作中です。

いきなりですが、今かなり困ってます。

原因不明のバグ(?)が出てるんですよ。
そのバグとは、「CSSで設定したFONTSIZEが1段階おかしい!」というものです。

どういうことかと言うと、CSSでfont-size:small;と入力している部分がmediumのサイズで表示されるのです。x-smallはsmallに。
そんな具合で、どいつもこいつも1段階上のサイズでレンダリングされるんですねぇ。

もちろん、ブラウザのフォントサイズはいつもの「中」なので、問題ありません。

NN7、Opera7では問題無いんですよ。
IE6.0だけ、このバグが発生中!

そんなこんなで、NN7が、一番思い通りに表示してくれるという、いつもと逆の状態に困惑してます・・・(汗

その他に、JavaScriptもIE6.0だけエラー出てます。(NN&Operaは問題無し)

マイク○ソフトめ・・・

このバグさえ解消できれば、トップページのテンプレート作りに入れるんですが・・・
くそ、原因判らねーヨ!

解決策 1
<?xml version="1.0" encoding="utf-8"?>
上記のxml宣言を外せば、問題なく表示される。(IE6.0、NN7、Opera7)
:コメントアウトではNG。ソースから消し去れ!(笑)

解決策 2
font-size: small; → font-size: 0.8em;
CSSのFontサイズ指定をemsに変更する。
こちらはxml宣言を残したままでも、問題なく表示される。(IE6.0、NN7、Opera7)

Comments (2) Trackbacks (0)
  1. GREEでシュン君のブログ発見。俺も先月設置してみたんだけど、デフォルトのデザインのまま放置してるよ。。今度ちゃんと作るのでその時はリンクしてね(笑
    で、フォントサイズだけど、XHTMLでxml宣言があるとWinIE6は正しく表示されないみたい。それが原因かなあ。違ったらゴメン。

  2. お〜!マセちゃんだ!

    今度といわず、今すぐサイト教えろ〜!(笑)

    >フォントサイズだけど、XHTMLでxml宣言があるとWinIE6は正しく表示されないみたい。
    >それが原因かなあ。

    原因わかったよ〜。
    確かに、xml宣言無くなるとIE6でもきちんと表示されるのね。
    だけど、xml宣言有りでもIE6でちゃんと出る方法発見!
    CSSでのFONTSIZE指定をsmallじゃなく、emで指定すると問題無いみたい。

    今、そのやり方でテンプレ製作中〜。


Leave a comment

(required)

Trackbacks are disabled.