スタイルシートのpositionプロパティを使ってレイアウトすると…

質問

スタイルシートのpositionプロパティを使って、テーブルでレイアウトされたように左にメニュー、右に内容という感じに区切られたページを制作しようと思いました。
実際には下記のような感じでかきました。
---------------------------------
DIV.menu {
position: absolute;
margin: 0;
padding: 0;
left: 5px;
}

DIV.main {
position: absolute;
margin: 0;
padding: 0;
left:150px
}
---------------------------------
表示については問題ないようなのですが、テキスト部分をドラッグして選択しようとしたとき、うまく選択できない現象が出てしまいました。
WindowsIE6.0、NN7.0で確認しましたが、問題の現象が起こるのはIE6.0の方でNN7.0は問題ありませんでした。
仕様と思って諦めるしかないのでしょうか？
解決方法などありましたらご教授ください。

回答No.2

selene_pl · ベストアンサー

positionではなく、floatを使う手もありますね。
DIV.menu {
float: left;
width: 40%;
padding: 5%;
}

DIV.main {
float: right;
width: 40%;
padding: 5%;
}

これを使うと、その下に表示する要素に、
clear:both;が必要になりますが。
同じく、とほほさんから参照。

参考URL：

http://tohoho.wakusei.ne.jp/css/reference.htm#float

お礼

早速使わせていただきました。float:rightにすると中のテキストまで全て右にそろってしまうので、DIV.menuだけfloatで指定して、DIV.mainはpositionのままで指定してみたところ、うまくいきました。ありがとうございました。

回答No.1

noname#10926

positionがいけないのか良く分からないが
とりあえずpositionの説明ではIE6には未対応ですね。

http://tohoho.wakusei.ne.jp/css/reference.htm#position

参考URL：

http://tohoho.wakusei.ne.jp/css/reference.htm#position

お礼

未対応でしたか…きちんと調べていませんでした(^^;
ありがとうございました。