CSS: application/xhtml+xml表示で空白ができる件

application/xhtml+xmlに配信MIMEタイプを切り替えたら、WPの標準スタイルでの表示時にトップに空白ができてしまいました。生成されたXHTMLに変な空白ができている訳でもないし、CSSも特に変なところは無いし…ということで検索したらヒットしました。

via
HashiMのたわごと(?) : XML-Mediaについてごにょっと(ry

今まで,bodyの方にbackground urlを指定していたのですが,bodyの基盤となる要素ってhtmlなので,そっちの方にbackground urlを指定してあげないと上部分だけが抜けた感じになるようです(苦笑)

というわけで backgruound-url を body から html へ付け替え。これだけで直りました。でも仕様上納得いかないなあ。これってFirefoxのバグじゃないんだろうか。

Firefox: Screengrab! で手軽にスナップショット

via
窓の杜 – 【NEWS】広面積なWebページも丸ごとキャプチャーできるFirefox拡張機能「Screengrab!」

これまでウェブブラウザでのスナップショットには Browsershots のサービスを利用していました。こういう手軽なツールがあると楽になりますね。

インストールは Screengrab! :: Firefox Add-ons からインストールボタンを押すだけ。その後ブラウザの再起動をすると右下に Screengrab! のアイコンが登場します。ショットを撮りたいところで Save -> Complete Page/Frame を選択すれば後は保存先とファイル名を指定するだけ。PNG形式で保存されます。

参考URL
Screengrab!
Test your web design in different browsers – Browsershots