タイトルで説明がすべて終わっているが、悩んでいる人がここに検索で来ることができるように書いておく。
(Windows XPの?)IE6の標準準拠モードでは、position: absoluteをしたブロック内のテキストをマウスで範囲選択しようとすると、変なことが起きる。文章の一部分だけをうまく選択できない。こちらでやってみたところ、position: relativeでもはまることがあるようだ。Googleで検索してみたところ、position: absolute使用時の範囲選択(Arielworks.net)など、いくつか見つかったので、よく知られている話だと思う。
だが、IE6に後方互換モードで解釈させれば、position: absoluteを使っても問題なく文字の範囲選択が出来ますよ、というのはなぜか見つからなかったので、書いてみる。違っていたらすまぬが。
おすすめは、ADP: IE6のwidth解釈バグ対処法で書いたように、XML宣言ありのXHTMLで書く方法だ。IE6は後方互換モードで解釈して、MozillaやOperaは標準準拠モードで解釈してくれる。
いちおう、IE6にも標準準拠モードで解釈させる場合、IE6のみ後方互換モードで解釈させる場合のサンプルを用意した。どちらも、かたっぱしからposition: absoluteを指定しているので、テキストのどこを部分選択しても違いがわかると思う。
トラックバックURL: http://adp.daa.jp/cgi/mt2/mt-tb.cgi/451