次から次へと問題が

何か上の方が考え無しにいろいろやってくれてるおかげで業務量が増えそうだ。
まあ、振り分けだけなんでたいしたことないとはいえ、もうちょっと考えてからやってくれよと言いたい。
きっと ko氏がきっぱり言ってくれるはずだ。うん。
そんな ko氏はノタマウ。
「今日は 1日が早いなあ」
そりゃ遅刻してくればいつもよりは業務時間短いですよね。


で、サイト構築話。昨日の続き。
MT では通常表示するときに使わないところにもいろいろ書き込める。キーワードとかね。
なら、DBを使うなんて余計なことせずに、全部 MT に任せちゃえばいいや。
ぼくは「続きを読む」形式が嫌いなので（クリックするのがめんどくさい）、そこを使うことは無い。
ってことで、そこにいろいろデータを入れることにした。
これで DB アクセスすることなく、画像表示をすることができた。ふぅ〜。


と思ったら、また新たな問題が。
本の表紙を表示するときは Amazon.co.jp とかから画像を引っ張っている。
じゃあ、Amazon に画像が無いときはどうするか。
何も表示されないとエントリー棚に入らなくなるので、エンガワ氏に no image 用のファイルを作ってもらっい（Thanks！）、その画像ファイルの上に本のタイトルを書くことにした。
こんな感じのスタイルシートで ↓

<div style="position: relative;"><img src="hogehoge.jpg">
<div style="position: absolute; top: ○px; left: ○px;">ほげほげ</div>
</div>

top、left で文字の配置位置を指定する。


単品のときはこれできっちり表示できたんだけど、ずらりと横へ並べたときに問題発生。


div 要素はブロックなので、普通に書いたら縦に並ぶ。横に並べるためには、display: inline; を指定する事になる。
ところが、display: inline; だと、IE と Firefox で文字の位置が変わってしまう。
IE に合わせると、Firefox で文字が下の方にずれてしまう。Firefox だとその逆。Opera だと IE と同様に表示される。
う〜ん。こまった。どうしよう。


しかたがないので、ブラウザによって処理を分けることにした。
ああ、せっかく DB へのアクセスをなくして負荷を軽減したのに、また処理が多くなっちゃったよ。
本棚の表示やめようかしら……。


それにしても最近、サイト構築にかまけているおかげで、本を読むペースが落ちてきたなあ。