ブログレイアウトの変更2008/04/07 01:04

当ブログのレイアウトも、本サイトに合わせ、コンテンツが中央揃えで表示されるように変更しました。

また、左側のナビゲーション部分は、従来はInternet Explorer専用のスタイルシート(filterプロパティのalpha)を使って、背景を透過させていましたが、透過PNGファイルを背景画像に使用する方法に変更しました。このため、FirefoxやOperaでも透過表示されるようになりますが、反対に、IE6以前では透過されなくなります。これは、PNG画像の透明度に、IE6以前が対応していないためです。

しかし、日本でもWindows UpdateでIE7への自動更新が始まったので、ブログ、本サイトともに、IE7以降で利用可能なCSSを積極的に取り入れることにしました。

もちろん、IE6での表示にも考慮しつつサイトデザインを設計しています。たとえば、本サイトのほうでは、IEの「コメント分岐」を利用して、透明PNGを使う部分には従来のfilterプロパティによる別のCSSを適用させる、といった方法を採っています。ただし、このブログではHTMLコードを変更することはできないので、コメント分岐は使えません。CSSコードの記述内で使える、いわゆる"CSSハック"という手法は、個人的に好みではないので、利用していません。結果として、IE6以前とIE7以降で、完全なデザインの一致を目指すよりも、より標準に準拠したIE7重視の姿勢で、サイト制作をしていくことにしました。

ゆえに、当サイトで完全な表示を再現するには、IE7以降の利用をお奨めします。

コメント

トラックバック

このエントリのトラックバックURL: http://cdr.asablo.jp/blog/2008/04/07/3005210/tb

※なお、送られたトラックバックはブログの管理者が確認するまで公開されません。