« CSS配布? | Main | 文字化けを閲覧側で回避!か? »

デフォルト13:M▲TRIX

M▲TRIXはIE5.xで、デフォルト設定のままでは3段カラムのページを閲覧することができないスタイルです。
 手間をかけたくない人は選択肢からはずしましょう。

M▲TRIXの見え方
IE5.xだと右サイドバーの姿がはるか下方に…

 M▲TRIXは本文背景(#container)色が黒色、本文が蛍光グリーン、リンク色が灰色となっています。どこかで見た配色ですが気のせいです。なにせM▲TRIXですから(そもそもなんと読むのでしょう?) 本文の視認性は意外に良いです。恐るべし蛍光グリーン。リンク色が背景にまぎれますが、そんなに問題を感じないのは本文に挟まれてるからでしょうか。
 本文記事が挿入されるスペース(#center)と左右のサイドバーのスペース(#left/#right)の長さはトータルで800、それぞれ200・400・200。ボーダーありのスタイルなので、デフォルトの状態では、IE5.xでサイドバーが吹き飛んでしまいます。
 行間は本文・サイドバーでそれぞれ150%( .content p制御)・150%( .sidebar li制御)。

 M▲TRIXの本文とサイドバーのフォント指定( .content p、および .sidebar li)は「'Trebuchet MS', Verdana, sans-serif」となっていますので、フォントの視認性は許容範囲内だと思われます。ただこの設定だと、バージョンの古いOperaでは非常に読みにくいフォントが適用されてしまうという問題があります。
 他の問題点としては、ページのヘッダ部分(#Banner)の縦幅を決定している要素が40pxと固定になっていますので、Mozillaなどのブラウザではタイトル・サブタイトルの下半分が隠れて見えなくなってしまう可能性があります。タイトルに画像を入れる際にはお気をつけください。

|

« CSS配布? | Main | 文字化けを閲覧側で回避!か? »