リニューアルにあたって
「せっかくリニューアルするのだから」ってことで,最近はやりの“TABLEタグを用いないデザイン”を心がけました。必然的にスタイルシートを思いっきり使うハメになりましたが。
スタイルの命名規則を決めておけば良かったのに,気分でいろいろな書き方をしているせいで自分でもワケワカラン状態になっています^^;
まぁ流行について行くっていうのはしんどいもので。
なにか参考になるところがあれば,どうぞお持ち帰りください→
style.css
リニューアルすればするほどグダグダになっているのは内緒。
このサイトの特徴
毎度のことながら
画像を用意するのが面倒だったので,ナローバンドの方でも快適にご覧いただけるように,画像はほとんど使っていません。
CSSを使うとどうしてもDIVとかPとか多用したくなりますが,一応タグの本来の意味も考えながらデザインしています。
例えば左のメニュー,一応リスト(ulとli)を使っています(メニュー用のタグとかもあるらしいけど)。
Internet Explorer 7 と Firefox 3.0 b3 でうまく表示されることを確認しています。
妙な色で表示されたり,妙に殺風景なデザインで表示されたりするのは,決してあなたのブラウザのせいではありません。管理人にセンスがないだけです。
作っていて思ったこと
IEの仕様がよくワカラン・・・
左のメニュー,block要素にしているので文字のないところもリンクとして反応するはずなのに,なぜかIEだと反応しないみたい,と言うか反応するときとしないときがあるみたいです。
Firefoxはちゃんと反応します。
パンくずリストの左端も,IE6以前だとfloat属性の実装が適当なので,空白ができるみたいです(ちなみにIE7とかFirefoxでは正常に表示されます)。
推奨環境
画面の解像度
1024x768px以上。
これくらいの解像度がないと見にくいかもしれません。
私の意図通りに表示されるブラウザ
Internet Explorer 7。
Firefox 2.0.0 以降。
他のブラウザでもまあまあうまく表示されます。