« トップページのランキングのカウント数表示を変更しました | トップページ | タブメニューを実装しました。 »

2006年02月25日 1.UOインデックスについて

ブラウザで文字サイズ変更可能なようにしました

ブラウザによっては(IEなど)、スタイルシートで文字サイズが
pt,pxなどの絶対値で指定されている場合、ブラウザで文字サイズ
の変更操作ができなくなります。

そこで、IEで文字サイズ変更できるようにCSSを修正しました。

尚、IEでは「インターネットオプション」の「ユーザー補助」の
「Webページで指定されたフォントサイズを使用しない」に
チェックをすることで、固定文字サイズのページでも
自由に変更可能になります。ユーザースタイルシートを
使用することで、もっと色々な変更も可能です。
(上記はIE6の場合です)

では、なぜ挑戦したかというと・・・
「初期状態で出来るだけ柔軟性を保つ」ことを目指す。
の一点に尽きます。

と、対策に軽い気持ちで挑戦したのですが・・・

 結局徹夜になりました・・・orz

CSSの互換性のないことったら、同じ指定でもIEとFFで
かなり違ったり、影響の範囲も微妙に違う・・・
(綺麗なデザインのページの制作者様の凄さを改めて実感しました)

行間、文字サイズ、半透明の3連コンボでかなり苦労しました。
色々なサイトを見て回って情報を集めたり、試行錯誤の連続で、
途中「無謀なことに挑戦したのかなと」冷や汗たらたらになりました。

ということで、一応の自分なりの結論にたどり着き現在の
トップページになっております。
(しかし、現状safari系でちょっとズレがあることを認識
 しております。macな皆様、今しばらくお待ちください。
 また、IE3やNN4あたりではおそらく崩れてしまうと思います。
 その場合にはお手数ですがCSSをオフにしてご覧いただければ
 幸いです)

もし、激しく表示が崩れて表示される方などがいらっしゃいましたら、
OSとブラウザ、バージョンなどをお知らせいただければ幸いです。

コメントを投稿

(コメントありがとうございます。大変恐縮ですが管理者の承認が必要になっておりますので、しばらくお待ちいただければ幸いです)

トラックバック

このエントリーのトラックバックURL:

2009年04月

      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30    

最近のコメント

Powered by Movable Type