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

>>32
おっしゃる通り、overflow-x,overflow-yはIE用の設定です。

Netscape7.02の場合、overflow: hidden の場合は問題ないのですが、
autoやscrollを設定すると、ウィンドウからはみ出した部分にあるリンクが機能しないんです。
はみ出した部分にあるリンクをクリックすると、要素の頭に移動するだけでリンク先には移動しません。

それで、
行数を固定しない方法はないだろうかと思ったのですが、そのままでは親要素には反映されないので、
次の要素に重なってしまうという問題があって......


＞http://www.swlab.csce.kyushu-u.ac.jp/man/rec-css2/visufx.html#overflow
リンク先は読みました。
自分の理解で間違っていないようです。

.a {
float : left;
}
.b {
text-align : right;
}
---------------------------------
<div id="top">
<p class="a">10字程度の文</p>
<p class="b">15字程度の文</p>
</div>

これは適切な書き方じゃないですか？
玄人な方々、ご指摘下さい。

>>37
・id名やclass名は簡易表現にしているだけだと思うけど、それはやめたほうが。
・divを何故使ってるか不明。

div#top {
background-color : #a09890;
border : 1px solid #000030;
}
.now {
float : left;
}
.counter {
text-align : right;
}
---------------------------------
<div id="top">
<p class="now">トップ＞メモ＞09/26</p>
<p class="counter">合計000159</p>
</div>

要は、
┏━━━┳━━┓
┃　　　　┃　　　　┃
┗━━━┻━━┛
ってしたいのです。

>>38
> ・divを何故使ってるか不明。
うるせーな、div使うのに意味なんかないわ。
とりあえずくくっておくためだろ？
どんどんdiv使おうぜ。こんな便利なもの無いわ。
ボールドだけのクラス。
文字に色をつけるだけのクラス。
背景色をつけるだけのクラス。
ボーダーだけのクラス。
スペーサーだけのクラス。
マージンだけのクラス。
インデントだけのクラス。
divと組み合わせればもう最強。
もちろんテーブルもどんどん使う。

>>40
馬鹿丸出しですな！ｗｗｗｗｗｗｗｗｗｗ

>>37 >>39
>>7

反面教師

>>40
喪前は仕様書すら読めないのか？馬鹿よ

>>40
中卒の書くことはおもしれーなーーーぷぷぷ

おいおい知恵遅れをいじめるなよ。

>>31で「ウィンドウ」て言ってるのが意味不明だったが、>>36でやっとわかったよ。
“ボックス”のことなんだね？

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

overflow:auto;を使用した要素内のページ内リンクが効かない(N6)
http://cssbug.at.infoseek.co.jp/detail/mozilla/b011.html

>>36
>Netscape7.02の場合、overflow: hidden の場合は問題ないのですが、
>autoやscrollを設定すると、ウィンドウからはみ出した部分にあるリンクが機能しないんです。

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

<div class="example">
<div style="overflow:auto; height:6em; border:2px solid blue;">
<p>１行目</p>
<p>↓</p><p>↓</p><p>↓</p><p>↓</p><p>↓</p>
<p><a href="http://pc2.2ch.net/hp/">このリンクが機能するか？</a></p>
</div>
</div>

>>36
そもそもなんで>>26はposition:absolute;にする必要があるのかワカラン。

>>37
floatさせる要素にはwidth指定が必須だっての。

>>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>１行目</p>
<p>↓</p><p>↓</p><p>↓</p><p>↓</p><p>↓</p>
<p><a href="http://pc2.2ch.net/hp/">このリンクが機能するか？</a></p>
</div>
</div>

>>50
あなたは誰ですか。番号でいいから名乗って下さい。

>>51
すみません。>>26>>31>>36>>50です。

>>49
TABLEでレイアウトするかわりに３つDIVを横に並べています。

>>50の通りのソースをそのままコピーして試したが、ちゃんとリンクは機能した。
Win98SE・Netscape7.1にて確認。

ところで、ウィンドウの高さより高いブロックにして、それでoverflow:auto;なんて、
意味無くないか？

>>52　divを横に並べるだけなら、float:left;とmargin-leftを使った方がいいんでない？

>>53
じゃあ、7.02以前の問題みたいですね。特別に対応させなくても良さそう。
トップページのメニューをずらずらと並べるのに使いたいもので。

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