3px のこだわり
2012年09月14日(Fri)
それはきっと誰も気付かないであろう、ほんのわずかな違いなんですが。 このブログのスタイルシートに、ちょっとだけ手を入れました。さて、どこが変わったかお判りになるでしょうか? ・ ・ ・ 正解は、こちら
えー、たぶん注視しても判らないと思います(苦笑) 答えはですね、影の部分です。文字の影のうち、「日」という字の下の部分と、「書」の字の右側を、よーく見比べてみてください。 変更前は、ちょこっとだけ文字が切れているのにお気づきになるでしょうか?? これ、最初に記述したときにはちゃんと注意して設定しておいたはずなのに、気がついたらいつの間にかなっていました。 文字に影をつけるスタイルシート「 Dropshadow 」は、 Opera など他のブラウザでは表示されないため、自分がメインブラウザを乗り替えた際にそちらでも表示される「 text-shadow 」を追記したのですけれど、もしかしたらそれが影響しているのかもしれません。 ちなみに影が切れていたのは、 Internet Explorer で表示したときだけで、 Opera や Firefox で見た場合にはなんら問題ありませんでした。……だからこそ、気付くのが遅れたというか。 ともあれ。 そんなわずかな部分でも、気がついてしまうと放っておけないのが私のサガ。 スタイルシートについて調べつつ、いろいろ試した結果、以下のような設定で解決されました。 span.1{ font-weight : bold; filter:Dropshadow(color=#B2D5B2,offx=3,offy=3); height:100%; padding-bottom:3px; padding-right:3px; ←この一行を追加 } コメント欄の投稿者名についても、同様の処置を施しております。 わずか 3px 、されど 3px 。 そしてお客様の数としては、IE使ってらっしゃる方のほうが圧倒的に多いんですよねえ(苦笑)
No.4136
(電脳)
この記事へのコメント
iwamoto
2012/09/16/06:41:13 [HOME]
詳しいんですね。 わたしはあんまり興味が無くて、それゆえ、能力も無いのですが。 firefoxで作っていて、safariで見るとフォントも反映されません。 Win機の人のことは考えなくて良いと、先生に言われましたが、それもちょっと乱暴であるな、と思っています。 どこで見ても同じに見えたら良いなぁ。 そんな時代はやって来るのでしょうか。
No.4137
神崎真
2012/09/16/12:17:20
おはようございます、iwamoto さん。 私の場合、詳しいというか、気になるところをどうにかしようとしているうちに、必然的にある程度判るようになったというか。あれですよ、エクセルのマクロと似たような感じ? 私がサイト作成を始めた12年前に比べると、それでもずいぶんソフト間での見え方に差がなくなってきたように思います。なにしろ初めて「ソフトによって見え方が違うらしい」と知って、 Netscape3 で自分のサイトを表示してみた時は、トップページに壁紙とカウンターしか表示されてなかったぐらいでして(怖) 既にサイト開設から数年が過ぎていた頃でした。あれでいったい何人のお客様を逃したのかと思うと、複数ソフトでの表示確認が欠かせなくなりました。 今はだいたい Internet Explorer 、 Opera 、 Firefox で、最低限内容が読める程度に調整してますけれど…… safari ですかあ。 safari は見たことすらないので、うちのサイトがどう見えているのか、想像するとちょっと怖いですね。林檎のお客さんも以下同文です。幸い、今までいらして下さった方は、「崩れてないですよ」とは言って下さってるんですが。 画面表示と言えば、PCのモニターサイズ(解像度)も大きく影響してくるのが困りどころです。 私は古いノートPCを使っているので、1024×768……それどころか、サイト開設当時は800×600画面を使っていたので、未だに小さめの画面表示を推奨しています。しかし最近のサイトさんは、みなさんもっと大きな表示のPCで作成されているらしく、私のノートで表示させると、横幅が画面からはみ出てしまうこともしばしば。 あと人によって文字サイズの好みなども違ってくるし、「白背景に黒文字が良い」という人もいれば「目がチカチカするから黒背景に白文字がベスト」とおっしゃる方もおり。 ……すべての人の環境(と好み)を統一できない以上、どこかしらの部分で妥協は必要になってくるんでしょうねえ って、すみません、語ってしまいました。 この部分、いつもいろいろと悩ませられるところなので(^ー^;;)
No.4138
この記事のトラックバックURL
https://plant.mints.ne.jp/sfs6_diary/sfs6_diary_tb.cgi/201209144136
プロフィール
神崎 真 (かんざき まこと)
小説とマンガと電子小物をこよなく愛する、昭和生まれのネットジャンキー。
ちなみに当覚え書きでは、
ゼロさん= W-ZERO3(WS004)
スマホ= 003P(Android端末)
シグ3= SigmarionIII です。