テキストの範囲指定について

質問

現在ブログを作成中でして、ある程度カスタマイズが済んだので記事を投稿してみました。
記事内容には直リンクにしていないURLを載せており、それをコピーしようと範囲指定したのですがうまくURLの部分だけ範囲指定ができず、範囲指定したい個所よりも前にある全てのテキスト部分が選択されてしまいます。キーボードで範囲指定しようとしましたが「shift+矢印キー」では全く反応がありませんでした。

上記の現象はIE使用の際のことでしたので、同じページを別ブラウザ（Firefox）で確かめると目的の個所を範囲指定できました。
また、別のテンプレートに変更してみたところ同じく改善されました。
昨日も別の件でこちらでお世話になり、改善策がまったく同じなのでまたIEのバグを疑って調べてみたのですが原因がわかりませんでした。
（一応別件のページを載せておきます）
http://okwave.jp/qa2614775.html

2日続けての質問で恐縮ですが、ご教授くださいますようお願い致します。

回答No.3

Muller3 · ベストアンサー

またまたすみません。他の解決法、といいますか、実は以下のような記事を見つけていたのですが、
「ADP: IE6の標準準拠モードとposition: absoluteと範囲選択」：http://adp.daa.jp/archives/000452.html
要するに、IE6にのみ後方互換モードで読み込ませれば、position: absoluteを使っても文字選択ができますよ、とのことなのですが、ただ、よく考えたらお使いのテンプレートはそもそもXHTMLではないので、この方法は使えないですね…。
こちらのサイトは、IE6のレイアウト上の問題に関していろいろ言及されていますので、他のページも参考になるかと思います。

余談ですが、私のブログもposition:relativeがかなり使われているのですが、IE6をお使いの方に聞いてみたところ、同様の症状は出ていないようです（DOCTYPE宣言の前にxml宣言がないので、IE6では標準準拠モードで読み込んでいるはずなのですが）。スタイルシートを見てみると、ホーリー・ハックが随所に使ってあるんですが、関係があるのかどうかはわかりません。

回答No.2

dion0622

ご参考にしてください
http://bbs.goo.ne.jp/ac22552/thread/1100037764582
できますよ・・・
http://www.blogmemes.jp/facile.php

回答No.1

Muller3

どうも有名なIEのバグのようです（IE6ですよね？）
「IEバグ position absolute　選択」で検索すると結構出てきます。
お使いのCSSの、
「メイン表示部分」#box_mainに使われているposition:absoluteが原因かと思うのですが。
しかし先の回答のように簡単な対処法があるわけではありません。とりあえずIEにposition:absoluteを適用させないことが回避の方法なのですが、これを外してレイアウトを維持する具体的な方法については、私の環境がMac＆決定的なスキルがあるわけではないので、変なことをお教えしても、と…

誰か確実な方の回答を待った方がよさそうですので、老婆心ながら一応該当公式テンプレートのCSSのURLを上げておきます。
http://blog1.fc2.com/template/panda/style.css

お礼

ご回答ありがとうございます。
やはりIEのバグが原因だったのですね。
おっしゃる通りIEのVerは6です。
position:absoluteに原因かもしれないということなのでfloatを使って整形にチャレンジしてみます。

一応他に解決法がないか知りたいので引き続き情報を募ります。
宜しくお願い致します。