在宅教材校正～応募から採用・登録までのパターン

 この記事は、はてなブログ↓へ移動しました。

http://mamadeok.hatenablog.com/entry/2013/03/12/000000

人跡未踏

この記事は、はてなブログ↓へ移動しました。

http://mamadeok.hatenablog.com/entry/2013/03/10/000000

中学国語教材におけるトジヒラキの主なルールと注意点

この記事は、はてなブログ↓へ移動しました。

http://mamadeok.hatenablog.com/entry/2013/03/06/000000
（10秒後に自動的にジャンプします。）

IE９で背景がずれる現象がこれで直った

長時間いじり倒したが、いうことをきかない
借り物のテンプレ。
IE９で表示確認されていないCSSだった、ということにカスタマイズの終盤で気づいた。

<div>～</div>の中に<ul>が入っている仕様。
div要素の背景が、Firefoxだと問題なし、IE９だと15pxくらい上にずれる。
しかし、ul要素はIEでも正しい位置で表示されている。
ためしに<ul>～</ul>を削除してみたら、FirefoxでもIE９と同じだけ背景がずれてしまった。
なんだろうこれ。
思いつく限りのタグを入れたり外したり、数値を変更したりしてみたが、div要素がほとんど動かない。

解決策は驚くほどシンプルだった
初めのCSSは
background:url(http://～) no-repeat bottom;
となっていた。

これを
background:url(http://～) no-repeat;
background-position: bottom;
background-attachment:fixed;
に変更したところ、IE９でも正しく表示されるようになった。
位置のXY軸をピクセルで指定してフィックスにしたときはダメだったのに、bottomでよかったとは。


で、今の今までディブと読んでいたdivは、ダイヴと読むのが正しいと判明。
【追記】
divisionの略なので、やっぱりディブのほうが適切なんじゃないかと思うしだい。
テキトーなこと書いてしまってごめんなさい。