自宅サーバ開発、RSS機能の実装

by 管理者
7月 23日 2010 年

複数のRSSを読み込んで、タブで切り替えられる機能を実装しました。

これに関して「タブメニュー」でネット検索すると沢山情報が出てくるが、どれも見栄えの良いタブの作り方や実装の仕方ばかりで肝心の複数の情報を1枚のHTMLに埋め込んでタブで窓の中身を切り替えて表示する実装方法がなかなか見つからなくて、探すのに苦労しました。

ttp://www.kens-cube.com/modules/web/index.php?content_id=6

解説を見て、このくらいの機能ならもっと簡単に実装できると気軽に考えていたが、以外に手こずってしまいました。

というのは、改行コードを削るとタブと情報出力するウインドが分離してしまったり、微妙にタブの横幅がウインドの横幅より短いなど、細かいところで不具合が発生してしまい、結局試行錯誤してタブの分離の問題はなんとか解決したが、横幅の件は未解決のまま。

機能的には問題ないのでとりあえず良しとすることにしました。

と思いきや、FireFoxで表示すると枠を突き抜けて文章が表示されていた。

試行錯誤の末、CSSのheight:がレイアウトをぶっ壊していることを発見、またmargin: 0 auto;をしているとIEとFireFoxで見栄えが違うことも発見。

CSSから両方の記述を削除して、何とかカッコだけはつけたつもり。

ついでにビデオの解像度が1024x768だと横幅が長くて画面から切れてしまうので、Yahoo(おそらく950)に合わせました。

それと、先日お話したDSSの配送キットが自宅に届いたので、DSを修理に出した。

娘は夏休みになったばかりなので、たいそう憤慨していたが、こればかりはどうしようもない。

願わくば、任天堂がお盆休みに入る前に返して欲しい。

次ページへ »

« 前ページへ

この記事へのトラックバックURL