« So-net Blogで別館 | Main | 西から昇ったお日様が »

2004.09.22

リニューアル その2

だいぶデザイン変更も落ち着き、一段落というところかな。

表示幅は1000pxから900pxに微妙に縮めました。ほんとうなら800pxくらいまで縮めたほうがいいんだけどね。

最初に悩んでいた、ブラウザのウィンドウサイズを横幅小さくすると、左端が欠けてしまって表示されないという問題は、色々試したら .containerにデザインウィザードで勝手に入っていた、margin-left: auto; 設定がNetscapeやMozillaの古いものにとって、画枠に合うようにセンターリングするのはいいけどそのとき左端を欠けて表示しちゃう状態に陥らせるものだったようです。削ったらちゃんと表示されるようになりました。
ココログの多くの3列表示のサイトで同じ不具合が発生するのはこのせいでしょう。

今回、表示されるフォントもココログデフォルトのものではなくて、記事部分を明朝体にしています。たぶんそのせいでしょうIE6とNetscape/Mozilla系とでは、かなり表示の雰囲気が変わってしまっています。IE6だと文字間がかなり空いて表示されてしまっているためです。詰めたいと思うのですが、IEとしてこの文字フォントのピッチ(letter-spacing)が正常だと思ってるんじゃどうしようもないものがあります。

後は細かいところでサイドバーのバナー類を整理しないとなあ。がちゃがちゃだもの。
今週末はその辺をやろうかな。

|

« So-net Blogで別館 | Main | 西から昇ったお日様が »

ウェブログ・ココログ関連」カテゴリの記事

Comments

いやあ、私もネスケ&Operaたちの表示には
散々悩まされました(涙)。
いっそ無視しちゃおうかとも考えたんですが
アクセス解析とか見るとネスケやMozillaユーザーの方も多いので
結局、私はこの方法で解決させました。
http://shinobu.cocolog-nifty.com/apty/2004/03/10_1.html

文字間隔は
letter-spacing: 1px;
とかで指定できると思います。
でも、IEとネスケ7とOpera7.23で見たけど(どれもwinXP)
明朝文字の雰囲気はあまり変わりなかったですよ。

Posted by: しのぶ | 2004.09.23 at 00:11

しのぶさん、コメント&情報ありがとうございます。
大いに参考にさせてもらいます(_ _)

ブラウザで見え方が違っちゃうのは、HTMLの成り立ちや性質上仕方がないこと。しかし、cssとjavascriptのおおよその挙動は標準に準拠してできるだけ同じにして欲しいなあ(^^;
Mozillaとその派生, Opera, そしてSafariはW3Cなどの標準に一生懸命準拠しようとしてるし、IEはトップシェアを抑えたからうちの動きがバグ含めてうちが標準仕様だと言い切るようになり、バグ直す必要などないと。。まったく、両者の間はドンドン開く一方。多くのサイトで、IE6で見られれば問題ないでしょ?という態度を取られると、ちょっとムッっとしてます。

うちのサイトへIE6からのアクセスが8割弱、そして、なんといまだに1割が腐ってるIE5/5.5とそれよりさらに古いIE(- -;。
で、残り1割をNetscape, Mozilla, Opera, Safariが分け合ってるって感じです。たぶん、世の中のシェアと大きくは違ってないんだろうな。8割の人が問題ないんだからいいじゃんというのは。。わからんでもないけど。

Netscapeは古いMozillaをベースにしているので、margin-left:auto;で左側が欠けちゃうのは同じ不具合を持ってるということでしょう。boarderだしても欠けます。ちなみにMozilla1.7では直ってます。

letter-spacingですが、Mozilla1.7だと文字間がきれいに詰まっていて、Netscapeでは、文字間がスカスカに、IEではさらに莫迦ポイほどスカスカに表示されます。(えーん)
これの状態が 0pxとしているようで、1pxとかするとますますスカスカに表示されてしまい、諦めてます(^^; もしマイナス値が有効で縮められるとしても、こんどはMozillaで文字が重なることになるでしょう。

ちなみに僕はメインが Mozilla1.7.2です。IE6は使い勝手が悪いので、どうしてもIE6じゃないと表示できないページのときのみ暫時起動。FireFoxは正式版待ち。Operaは使う気なし。

というわけで、表示されないというのは何とかしますが、見映えが違うというのは諦めることにしてます(^^;
HTMLってそういうものですから。。

Posted by: くっきも | 2004.09.23 at 11:25

Post a comment



(Not displayed with comment.)




TrackBack

TrackBack URL for this entry:
http://app.cocolog-nifty.com/t/trackback/10432/1494497

Listed below are links to weblogs that reference リニューアル その2:

« So-net Blogで別館 | Main | 西から昇ったお日様が »