« 「偽」NRA文書騒動 | メイン | アメコミと現実のBMIを比較する »

2006年12月26日  CSS手直し [PC・MT]

Google Analyticsの告げるところによれば、最近このサイトを閲覧される方には、大きなサイズのディスプレイを使っておられる方が多く、実に98.5%以上の人は1024x768以上のサイズなのであるそうだ。

今まではサイズ可変のレイアウトを採用していたが、例えば1600x1200というようなビッグサイズディスプレイを使っておられる人に、ここがどう見えているのかが判らないというのは実に不安なものなので、この際、固定サイズに切り替えた方がよかろうという結論に達した。

そんなわけで、CSSをいじくって表紙の横幅は960に固定することにした。ついでにフォントももう少し大きくして、老眼に優しい画面にしようと思ったが、そちらの方は別の問題が出まくったのでちょっと延期。画面が何となく白っちゃけてしまったので、背景色を暗くしようとしたが、何故かいくらbody {background-color: #cccccc;}などと設定しても、全く反応してくれず真っ白けのまま。なんか、よく判らんのでそれは放置ということに*。別のところで変なことしてるのかなぁ。

800x600ディスプレイ設定で訪問して頂いている方には、スクロールを強いることになり、誠に心苦しいが、さすがにそのサイズでは、この手の意味なく長文を書き連ねるスタイルにはそぐわないのですわ。一応、IE、Firefox、Safariで確認はしたが、妙な表示になっている可能性もあるので、ご指摘のほどを。

*CSSの先頭に書かれていた@charsetの記述を消し、もういっぺん書き直したら何故か、有効になった。なんでだろ?

投稿者 webmaster : 2006年12月26日 23:56

トラックバック

このエントリーのトラックバックURL:
http://med-legend.com/mt/mt-tbcba.cgi/983

コメント

いつの間にか、快適に見ることができる様になってました。
この前までは、左側が切れて、文章の最初一文字分くらいが読めなかったのですが、当方の環境がMac9+Netscape等という古風なのだったので、諦めてました。
来年からも楽しみに読むことができるので感謝感謝です。
よいお年を。

投稿者 bowwho : 2006年12月31日 22:11

追加ですが、長らく使ってきた"Collapsing entries AND COMMENTS"のスクリプトもやめることにしました。いまだにあれを使っているところはうちぐらいだったので。

それに伴い、コメント欄のポップアップもなくなります。閲覧しにくいし、この前みたいに沢山コメントがつくと、流れを把握しにくくなってしまうので。

今後は、”続きを読む”もコメントも、すべて個別エントリーページに飛ぶことになります。

投稿者 webmaster : 2006年12月28日 13:37

>コメント欄がセンタリングされる

今は治っているはずです。IEのバグ対策でかなりドロナワ対応をしているので、思わぬところで妙な表示が出る可能性あり。

小窓好きのかた向けに、半可変サイズにしようとは思ってるんですが、なんかうまくパクれるような実例はありませんかね。

>ディスプレイは大きくても、ブラウザを全画面にしてるとは限らない

それがですね、Google Analyticだけでなく、Browsize.orgというところのサービスも受けて調べてみたんですわ。そしたら、このサイトの場合、960PX以上にブラウザを開いて閲覧している人の割合が、解像度から示される割合とあまり変らないんですね。

そんなわけで、960px以上にしておけばほとんどOKという結論に至った次第。

投稿者 webmaster : 2006年12月27日 16:42

ディスプレイは大きくても、ブラウザを全画面にしてるとは限らないんです…

まぁ、それはそれで別に構わないんですが、コメント欄がセンタリングされるようになっちゃったのがなんか変な感じです。

# いま投稿しようとして確認ボタン押したら、確認画面はセンタリングされてないですね。

投稿者 Seagul-X : 2006年12月27日 12:11

私の環境では、読みづらくなりました。

投稿者 bowwho : 2006年12月27日 06:55

ケータイ サイトの方は、変わりなく拝見できました。

投稿者 愛読者 : 2006年12月27日 06:34