/* CSS・スタイルシート質問スレッド【23】 */

このエントリーをはてなブックマークに追加
47Name_Not_Found
>>31で「ウィンドウ」て言ってるのが意味不明だったが、>>36でやっとわかったよ。
“ボックス”のことなんだね?

このバグとはまた別なのかな?

overflow:auto;を使用した要素内のページ内リンクが効かない(N6)
http://cssbug.at.infoseek.co.jp/detail/mozilla/b011.html
48Name_Not_Found:03/09/27 00:01 ID:???
>>36
>Netscape7.02の場合、overflow: hidden の場合は問題ないのですが、
>autoやscrollを設定すると、ウィンドウからはみ出した部分にあるリンクが機能しないんです。

んなこたぁない。下記の例で、Netscape7.1では機能したぞ。

<div class="example">
<div style="overflow:auto; height:6em; border:2px solid blue;">
<p>1行目</p>
<p>↓</p><p>↓</p><p>↓</p><p>↓</p><p>↓</p>
<p><a href="http://pc2.2ch.net/hp/">このリンクが機能するか?</a></p>
</div>
</div>
49Name_Not_Found:03/09/27 00:14 ID:???
>>36
そもそもなんで>>26はposition:absolute;にする必要があるのかワカラン。

>>37
floatさせる要素にはwidth指定が必須だっての。
50Name_Not_Found:03/09/27 01:35 ID:w55iu6l5
>>48
Netscapeの表示領域が縦500ピクセルあったとして、
子要素の縦の長さが500ピクセル以上あると、500ピクセルを超えた位置にあるリンクが機能しないんです。

>>37
このリンクは機能します。
Netscape自体のウィンドウサイズを縦800ピクセルくらいにして、以下を表示させた場合、
リンクは機能しません。

<div class="example">
<div style="overflow:auto; height:1200px; border:2px solid blue; padding: 1000px 0px 0px 0px;">
<p>1行目</p>
<p>↓</p><p>↓</p><p>↓</p><p>↓</p><p>↓</p>
<p><a href="http://pc2.2ch.net/hp/">このリンクが機能するか?</a></p>
</div>
</div>
51Name_Not_Found:03/09/27 01:41 ID:???
>>50
あなたは誰ですか。番号でいいから名乗って下さい。
5226:03/09/27 01:45 ID:???
>>51
すみません。>>26>>31>>36>>50です。

>>49
TABLEでレイアウトするかわりに3つDIVを横に並べています。
53Name_Not_Found:03/09/27 01:49 ID:???
>>50の通りのソースをそのままコピーして試したが、ちゃんとリンクは機能した。
Win98SE・Netscape7.1にて確認。

ところで、ウィンドウの高さより高いブロックにして、それでoverflow:auto;なんて、
意味無くないか?
54Name_Not_Found:03/09/27 01:55 ID:???
>>52 divを横に並べるだけなら、float:left;とmargin-leftを使った方がいいんでない?
5526:03/09/27 02:18 ID:???
>>53
じゃあ、7.02以前の問題みたいですね。特別に対応させなくても良さそう。
トップページのメニューをずらずらと並べるのに使いたいもので。

>>54
それだと左右が等間隔で3つ並ばずに、左詰めで3つ並んじゃいますよね。