喜怒哀楽

まずは、コチラのページを開きまして手順通りに進めます。

「小粋空間」様：「月送りカレンダー（横型・リアルタイム版）」/*TB先*/

手順４までは、スムースに出来ました。
尚「喜怒哀楽」では、カレンダーを利用するテンプレート全てに手を加えました。
（メインページ・カテゴリーアーカイブ・日別アー

カイブ・個別エントリーアーカイブ　そして、その他にインデックス・テンプレートで作られている、MyblogList、BlogPeople、TrackbackPeople等のページ）

手順１の、カレンダーテンプレートですが

私の使っているＸＲＥＡサーバーでは、広告が入ってしまうディレクトリへ作られてしまうので、カレンダーテンプレートに広告をテンプレートの一行目に表示させないタグを追加しました。

<!--nobanner-->

これで、↑のような変な表示はしなくなりましたー。

でもって、手順５。

小粋空間様の記述では、どうもカレンダーが左よりになってしまうので以下の記述を追加しました。

#globalnavi {
text-align: center;
padding-bottom: 5px;
border-bottom : 1px solid #666699;
}

ここまでで、表示の確認をしましたら・・・・
私は普段Firefoxを使っているのですが、どうもカレンダーが欠けて見えるんです。

小粋空間様の記事をよく見ると、

５項までの設定で表示されるようになりますが、Mozilla系ブラウザではiframeのサイズが異なるためカレンダーの表示が欠けるようです。HTMLタグまたはスタイルシートの設定で回避する方法が不明なので、ここではJavaScriptを使用することにします。

とありました。
なので、手順６～８まで導入いたしました。

そしたら、まぁまぁ見れるようになりましたよ・・・・ね？

いやー。久しぶりに疲れましたー（ｗ
そして、小粋空間様、ありがとうございました！

追記：
Firefoxで両サイドバーがこのような表示の時、

IEでこんなになっちゃう。

IEでおかしくないように、スタイルシートの↓の部分を変更してみると、Firefoxで随分下の方へ下がっちゃうし。
これは、どんな技をかければいいのでしょう？

/* カレンダーのある大段落（トップページ右） */
#links-right{
color: #ffffff;
position : absolute ;
right : 15px ;
top : 155px ;
width : 155px ;
}

/* リンクのある大段落（トップページ左） */
#links-left{
color: #ffffff;
position : absolute ;
left :15px ;
top : 155px ;
width : 155px ;
}

追記（４．５．２００５）：

うちでは、スクリプトを設定してしまうとIEとFirefoxでサイドバーの表示にズレが現れることから（↑の図参照）、いろいろ試してみると・・・・
スタイルシートでは、

top : 190px ;

topの部分は、このように変更。

また、「４．各テンプレートの修正」で書き加える部分を以下のように修正。

<div id="globalnavi"> <iframe name="cal-iframe" src="<MTBlogURL>archives/calendar/<MTDate format="%Y/%m/index">.php" width="698" height="25" scrolling="NO" frameborder="0" marginwidth="0" marginheight="0"> </iframe> </div>

これで、カレンダー表示が少しキレてしまうのが防げました。