2003年08月14日

cssの謎・カレンダー編

 mamosukeさんのアドバイスで設置できた動的カレンダーだが、フォントが大きくてバランスが悪い。win版firebirdではそこそこに見えた(設定も有るだろうが)が、macのIEではカレンダーが本文にはみ出している。

 index.htmlのソースを見れば分かるが、カレンダーはphpファイルを呼び出す指定しかない。phpファイルにはcssによる指定がしてあるのに、効かないようだ。ブラウザーがcssを使ってレイアウトする時点でカレンダーの情報を受け取っていないんではないだろうか・・・

 カレンダーと言えば、年間のカレンダーの設置の方法もmamosukeさんに教えてもらった。返す返すもありがとうございます。
http://mamosuke.web.infoseek.co.jp/cgi-bin/mt/archives/000213.html:このままだと403エラーが出るかもしれません。その時は、一度トップページを開いてからarchives/000213.htmlをペーストするとよいでしょう。
http://www.pyrojection.com/archiveyear.html

追記:あまりにもあれなので、テンプレートに直接フォントサイズを書き込んだら、指定が効くようになった。美しくはないが、仕方がない。

追記2:mamosukeさんに4度目のアドバイスをいただいて、テンプレートの設定を見直した。テンプレートもhtmlとして完結しなければならないというのは全く知らなかった。html勧告4以降には全然対応してなかったから。で、他のテンプレートから必要な要素をパクってきたらcssがアクティブになった。しかし、スクロールバーが出ていてうっとうしい。NC4はもちろん、iCabが悲惨な状態になってしまった・・・

追記3:さらにmamosukeさんのアドバイス(コメント参照)によってめでたく左のように収まってくれた。直接の原因はテーブルの高さが足りなかったためのようだ。

Posted by panhead at 2003年08月14日 23:08 | トラックバック
コメント

ゴメンなさい、タグ使えなかったんだ(^^;;
上のは消してください
<iframe style="height: 180px; width: 160px;" name="cal-iframe" src="http://pixie.homeip.net/geek/archives/cal/2003_08.php3" frameborder="0"></iframe>

ここでカレンダーを表示してるわけなんですが、<ifame>ってのはインラインフレームの略(確か・・・)で一般的なフレームの構造を比較的好きな場所に設置できる強みがあります。
、、、で、フレームである以上フレーム内に表示されるソースはhtmlとして完結されていなければいけないのです。
たしか「http://www.emptypages.org/more/tags/calendar_iframe.html」の説明(サンプルソース)ではカレンダー部分しかなかったような気がするんですが、出力されるxxx.phpファイルは~になるようなテンプレートにしないとまずいです。
特に文字コードについては、宣言しておかないとブラウザーによっては化けてしまいますよ(^^::

Posted by: mamosuke at 2003年08月15日 00:47

そうなんですか?テキストエディタでタグ打ちしてきた人なんで、全然知りませんでした。「なんか、えらいシンプルやなあ。他のテンプレートと違うのはフレームの中に割り込ませるためなんかなあ」と思っていました。何度も何度もすみませんm(_ _)m

Posted by: panhead at 2003年08月15日 01:25

<iframe style="height: 180px; width: 160px;"
のheightの値をもう少し大きめにしてwidthについてはSide側のCSS値にもよりますがpx値指定でなく100%とかの%指定にしても良いかもしれませんね。
ちなみに私のとこではheightが185pxでwidthは100%にしてますよ。

Posted by: mamosuke at 2003年08月15日 10:32

 重ね重ねありがとうございます。おかげさまで、目指していたものになりました。

 これで、日記的なものが増えそうな予感がします。

Posted by: panhead at 2003年08月16日 00:26
トラックバック
コメントする









名前、アドレスを登録しますか?