凪瀬 Blog
Programming SHOT BAR

目次

Blog 利用状況
  • 投稿数 - 260
  • 記事 - 0
  • コメント - 48909
  • トラックバック - 192
ニュース
広告
  • Java開発者募集中
  • 経歴不問
  • 腕に自信のある方
  • 富山市内
  • (株)凪瀬アーキテクツ
アクセサリ
  • あわせて読みたい
凪瀬悠輝(なぎせ ゆうき)
  • Java技術者
  • お茶好き。カクテル好き。
  • 所属は(株)凪瀬アーキテクツ
  • Twitter:@nagise

書庫

日記カテゴリ

 

先日報告した このblogで文字選択ができない の件ですが、再現コードを用意して見ました。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja-jp">
  <head>
    <meta http-equiv="CONTENT-TYPE" CONTENT="text/html; charset=utf-8">
    <title>テスト</title>
  </head>
  <body>
    <div style="position: absolute;">
あああああああああああああああああああああああ<br>
いいいいいいいいいいいいいいいいいいいいいいい<br>
ううううううううううううううううううううううう<br>
えええええええええええええええええええええええ
    </div>
  </body>
</html>

position: absoluteのボックス内で文字列の範囲選択の挙動がおかしいようです。
環境は

  • Windows XP SP2
  • Internet Explorer 6.0

となっています。

Jittaさん情報ではposition: relativeをうまく設定するといけるという話ですが、ミニマムコードでは入れ子にしてrelativeにしても範囲選択の挙動が変わりませんでした。対処法はもうちょっと突っ込んで調べて見ないとわかりません。

投稿日時 : 2007年8月20日 15:02
コメント
  • # re: IE6で範囲選択できない再現コード
    Jitta
    Posted @ 2007/08/20 22:18
    私のところも blue ですが、選択できると思います。customstyle.css を見ていただくとわかりますが、blue.css をそのまま使い、すべて上書きしています。その中で、leftcolumn に position:relative を設定しています。
    また、leftcolumn と centercolumn は平行に存在しています。
    pagelayout {
     leftcolumn {}
     centercolumn {}
    }
    なので、absolute の中に入れると、もうダメ...かも。
    <body>
    <div style="position: absolute;">
    <div style="position: relative;">
    ダメだぁ。。。
    </div>
    </div>
    <div style="position: relative;">
    らいじょうぶ?
    </div>
    </body>
  • # re: IE6で範囲選択できない再現コード
    凪瀬
    Posted @ 2007/08/21 23:29
    とりあえず、HTMLの構成をみると、body要素のすぐ下に<div class="pagelayout">というのがあって、こいつが全体を囲っており、かつabsoluteになってるんですよね。
  • # re: 【僕の私の目標管理シート】
    拝啓、さかもとと申します。
    Posted @ 2007/09/21 18:14
    re: 【僕の私の目標管理シート】
タイトル
名前
Url
コメント