position: fixed;を用いて固定していますが、最もメジャーなブラウザであるIE6はこの指定には対応していません。なので、IEだけには別にIE専用のスタイルシートを読み込ませることでこの固定座標を実現しています。このサイトの二つのテーマでは、2種類の異なる方法で固定してます。詳しくは後日書こうかと思います。 ついでながら、バギーなIE6ですが、画像のPNG形式がサポートしている透過アルファチャンネルにも対応していません。なので、このppBlogでもこれまで配布していたドロップシャドウ用の「影」画像は透過情報は省いてましたが、来年の夏ぐらいには出てくるであろうIE7では透過PNGをサポートするので、それをにらんで影の画像は透過PNGファイルにしてます。ただ、これだと相変わらずIE6では透過せずに何ともみじめな「影」になってしまうので、これもスタイルシート(+スクリプト)で、透過情報を保持するようにしています。これで記事の背景色が白以外でもきれいにドロップシャドウが実現されます。これも後日記事にしようかと思います。
新しいテーマを追加してみた
2005/9/19
まだ細部の詰めが出来ていませんが雰囲気はつかめると思います。ちょいとシックな感じなので"ppBlog le chic"。 ブラウザ画面をスクロールしても動かないトップのナビメニューは、もうひとつのテーマ「Basic」と同じようにモダンなブラウザ(FirefoxやOpera,Safari)ではCSS(スタイルシート)のポジションに関する指定
— posted by martin at 09:21 pm
Comment [6]
TrackBack [0]
この記事に対するコメント・トラックバック [6件]
2. snow
— 2005/09/20@09:00:51
ところで、最初Firefoxでこの記事を表示したときにデザインが崩れて表示されたんですが、クッキーをクリアしたら正常に表示できました。クッキーの読み込み処理で互換性が無くなってたりするんでしょうか?
4. りとん — 2005/09/21@23:47:47
それにしても 上の字・・・ ppblog れ ちっく?
5. GAKU — 2005/09/28@22:52:38
GAKUと申します。どうぞ、よろしくお願いいたします。
自作/他作を問わず、テーマが増えるのはいいことです。
なかなかシックな色取りで、よろしいんじゃないでしょうか。
僭越ながら、デザイン面で一言・・・。
最上部の固定メニュー、アイデアはGOODなんですが、ウィンドウのサイズによっては右上の [Serch] にかぶってしまいます。ワタシ自身、ブラウザを「最大」サイズにして使うことはほとんどないもんですから・・・。
少〜し位置を下げるだけで、かなり使い勝手がよくなると思うのですが、いかがでしょうか。
Chic で、「おしゃれフリーク(Le Freak)」なんて言うと、歳がバレますですかね?
古いのではJazzyなMJQは好きですね。とくにMilt Jacksonが奏でるあの鉄の響き!