« 新企画打ち合わせ | メイン | [WinXP]ALT+TABのタスク切り替えを拡張 »
2005年9月19日
ブログをマック用に最適化
先日のオフ会で、マック使いのみすたけさんから、うちのブログをマック OS9 の Netscape で見るとフォントが崩れて見えると指摘された。
それ以外に、タイトル部分のバナーの高さがマックだと Internet Explorerでも、 Windows より狭くなっていて、そのためにタイトル文字が見えなくなっているという。
実は、Windows でも、Internet Explorer じゃなくて Fire Fox で見るとタイトル部分が同じようになってしまうことは、ぼく自身前から分かってたんですけどね。忙しくて放置してました（笑）。
そこで、今回まとめて、みすたけさんの協力を得て修正することにした。
フォントが崩れて見える問題は、スタイルシートにマックのフォントが指定されていなかったからで、それを指定したらあっさり解決した。
続いてタイトルバナーの高さが狭く表示される問題も原因が分かった。
Windows の IE の場合、スタイルシートでバナーの高さ指定がしてあっても、それ以上の行数にわたって文字が記入されていると、自動的にバナーの高さ幅が拡張されるのに対して、マック用 IE や Fire Fox だとバナーの高さ指定の方が優先されてしまうため、高さ指定の数値が小さすぎると、文字がバナーからはみ出して表示されなくなってしまうのだった。
ということで、これもスタイルシートを修正して解決。
ついでに、タイトルバナーに画像も貼ってみました。ぼくの仕事中の机の上のイメージ画像です。
投稿者 黒沢哲哉 : 2005年9月19日 07:56
トラックバック
このエントリーのトラックバックURL:
http://www.allnightpress.com/mt/mt-tb.cgi/204