ikanagos diary

overflow:auto; を使うと指定の範囲を超えるとスクロールバーがでます

overflow:scroll;スクロールバーがでます

詳しくはとほほのwww入門をご覧ください

ただ条件というかはっきりしたことはわかりませんが
うまくいかない場合があります　バグなどもあるかも

overflow:auto;
IE6 　　○
firefox2 ○
opera9.5 ○
nn7.1 ○
IE7 ? 持ってないので? ここではよくてもトップなどで使うと描画ではみえない
<div style="width:20em; height:5em; overflow:auto; background-color:#008000; color:#ffffff; padding:3px;">文字など</div>


ここの日記で使う場合はOK
トップページとかではoverflow-y:scroll;のほうがいいかもただしNNはあきらめてください

-------------------------------------------------

overflow-y:auto;
IE6 　　○
firefox2 ○
opera9.5 ○
nn7.1 ×
IE7 ? 持ってないので? ここではよくてもトップなどで使うと描画ではみえない

<div style="width:20em; height:5em; overflow-y:auto; background-color:#ff6600; color:#ffffff; padding:3px;">文字など</div>


---------------------------------------------

overflow:scroll;
IE6 　　○
firefox2 ○
opera9.5 ○
nn7.1 ○
IE7 ○

ただしすべて横方向にスクロールバーも出ます

<div style="width:20em; height:5em; overflow:scroll; background-color:#ff00ff; color:#ffffff; padding:3px;">文字など</div>


------------------------------------------------

overflow-y:scroll;
IE6 　　○
firefox2 ○
opera9.5 ○
nn7.1 ×
IE7 ○

<div style="width:20em; height:5em; overflow-y:scroll; background-color:#000000; color:#ffffff; padding:3px;">文字など</div>


--------------------------------------------------

お遊び

NN7.1で変

IE6 　　○
firefox2 ○
opera9.5 ○
nn7.1 ×
IE7 ?

NNははみだしたりしてだめです　まあほとんど使ってる人いないけど(^_^;)

幅と高さはpxでも指定できます
imgタグで画像も貼れます

<div style="width:350px; height:200px; overflow:auto; background-color:#ffff00; color:#0000ff; padding:3px; border:10px outset #ff00ff;">文字など</div>



----------------------------------------------

さらにつづけるかも