ふと気がつけば、右上に設置してある（あった）『月移動できるカレンダー』の動作がおかしい。
x月x日のリンク部分をクリックすると、なぜかその月の一番最後のエントリーにジャンプする。
先月で言うと、何日の部分をクリックしても31日のエントリーが表示されるという感じ。
多分前年のうちはきちんと動作してたような気がするんだけども・・・年を越したあたりからおかしくなったか？？
まーiframeがスッキリ設置できてなかったり動きが多少気にくわなかったりするので別のに変えがてらサイト全体のデザインをもうちょっとスッキリさせようかなーとゴソゴソうぉぉぉぉとしてたらいいものみつけました。
Kinarie&MayさんところのFLASHを使ったカレンダーです。
さて、そのカレンダーを紹介する前に今うちのサイトがいろんなブラウザでどう見えているのか確認してみましょう
|
|
|
|
IE6.0 SP2 |
Mozilla Firefox 1.5.0.1 |
Netscape （Navigator？）7.1 |
それぞれの古いバージョンとかその他色々あるとは思うんですが、独断と偏見によりこのみっつで確認
IEだと比較的思ったままに表示されるんですが（っていうかIEで確認しながら作ったので当然）
何故かFirefoxとネスケでは縦にも横にもズレが・・・。
多数決で言うと、Firefoxとネスケの解釈（表示）のほうが正しいという事になるんでしょうが、違う意味、利用者数基準の多数決で言うとIEできちんと表示できてりゃーそれはそれで？という事になったりしてこのへんが世界中のwebデザイナーとは全然関係ない今の私の悩み
どのみちきちんとしたスタイルシートを書いてればこんなことにはならないはずのでつまるところ
ブラウザによって表示ズレが生じるのは変にいじくったスタイルシートを書いた私のせい
というのは間違いないわけで
すげぇめんどくさかったんですけどちょっぴり真面目にスタイルシートを見直してみました。
はい、ということで新カレンダーも組み込んだ変更後のスクリーンショットをどうぞ
|
|
|
|
IE6.0 SP2 |
Mozilla Firefox 1.5.0.1 |
Netscape （Navigator？）7.1 |
どうやこれピッチリしてる！ピッチリしてるでえええええ！ (ｎ ﾟ∀ﾟ）η
上部の白いバナーの下にある横一列のちっこいやつが新しいカレンダーです。
結局の所、ズレの原因は入れ子になってる各DIV要素に対してMargin・Paddingの設定を適当に設定しすぎていたという事になるんじゃないかと思います。
どのDIV要素が実際どこまで設定されているのかよくわからなかったりしたので、Background-colorで赤くしてみたりBorderで太い枠作ったりして確認しながら地道に修正していきました。
ちなみにこういう作業をする時画面が2枚あるとひじょーに効率がよろしいです。 (ｎ‘∀‘）η
左側PCでソースをいじくって、WEBサーバーにした右側PCの画面で確認 そして疲れた時はハッピーターン
なんて作業効率のよいいワークスペースでしょう！
でも残念ながら実際作業をする人間のほうがダメダメだったので、作業終了まで数時間かかりました！ (ｎ'A`）η ﾋｴｰ
しかも終わったと思って確認してたら検索のページがインデックスやカテゴリーのページとは構造が違ったりしてさらに手直しに数十分かかりました。
あと、↑↑のスクリーンショットではFirefoxとネスケでカレンダーの表示がおかしいですが、後にソースを作り直したらなおりました。
アガーツカレター
うわ、すごい、右のメニューがずれてない～！♪！
と来ていきなりビツクリしたFirefoxデフォルト人間。
ちなみにあれです・・・Netscape7とFirefoxは同じMozillaエンジン使ってるので、
両方で見る意味は無・・・ネスケの代わりにOperaがいいですね。
ケータイフルブラウザのシェアではなかなか上位だったと記憶してます。
P902iはフルブラウザないですからね
2PC・2画面すごく羨ましいです(´・ω・｀)正直その環境が最高・・・
仮想デスクトップを試してみるべきか。
あれ？Netscape7もMozillaファミリーだったのか・・・（ﾉﾉ）
三つ目をoperaとネスケで迷ったんだけどoperaにしときゃよかった・・・
とりあえず作業のしやすさだけならデュアルディスプレイなだけでもかなりイイと思うだすよ
今回みたいにwebサーバー起動＆ソースいじくりするくらいならPCは一台で事足りるし。
まあ負荷がかかる作業を平行してやるような場合だと2PCがいいんだろうけど。
ダブリﾌｫｰｯ!!(ｎ‘∀‘）η