« デフォルト01:エレガンス | Main | デフォルト03:システム »

デフォルト02:クリスマス

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

クリスマス3段の見え方
修正を加えないと、IE5.xでは右サイドバーがページ下部に飛んでしまう

 クリスマスは本文背景(#container)色が白、本文が灰色、リンク色がクリスマス緑→渋い赤、クリスマス赤→緑となっています。本文の色が多少薄めなのが問題といえば問題です。
 本文記事が挿入されるスペース(#center)と左右のサイドバーのスペース(#left/#right)の長さはトータルで800、それぞれ200・400・200。デフォルトの状態では、IE5.xでサイドバーが吹き飛んでしまいます。
 行間は本文・サイドバーでそれぞれ150%( .content p制御)・150%( .sidebar li制御)。エレガンスとは異なってサイドバーの文字も視認しやすいのですが、それと引き換えに右サイドバーがふっとぶ可能性を秘めています。

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

|

« デフォルト01:エレガンス | Main | デフォルト03:システム »