macのsafariでoverflowが効かない

回答受付中の質問

macのsafariでoverflowが効かない

htmlに
<div id="inner">とし、

cssに
#inner{
width:510px;
height:450px;
overflow:auto;
padding:0 10px 0 0;}

と記述し、インラインフレームのようなことをしています。

これがmacのsafariでのみ機能せず、
<div id="inner">の中身を全て表示してしまいます。
safariでは使えないものなのでしょうか?
もしくは何か記述が間違っているのでしょうか?

何か思い当たることがありましたらアドバイスいただけると助かります。
どうぞよろしくお願いいたします。

投稿日時 - 2008-10-22 11:36:52

QNo.4420548

困ってます

0人が「このQ&Aが役に立った」と投票しています

[  前へ  |  次へ ]

回答(1件中 1~1件目)

ANo.1

> safariでは使えないものなのでしょうか?

いえ、使えます。この様なスタイルはよく使用しますが、Safariで挙動不審だった経験もありません。

> もしくは何か記述が間違っているのでしょうか?

この部分”だけ”を見る限り、別に間違ってはいないですね。

> これがmacのsafariでのみ機能せず、<div id="inner">の中身を全て表示してしまいます。

Safari3 on Mac OSX上で試してみましたが問題なくコンテンツ量に応じてスクロールバーが表示/非表示に切り替わりますよ。
もしかして、コンテンツ量が(相対的に)少なくてスクロールバーが出ない状態になっているだけでは?一時的にheightの値を100pxとか位に縮めて試したらどうなりますか?

投稿日時 - 2008-10-22 14:55:00

あわせてチェックしたい
  • <div style="overflow">でこんなことは出来ませんか? ...
  • DIVタグでの擬似インラインフレーム ...
  • overflow:auto で改行させたくない ...
PR
【回答募集中】花粉にひと言、物申す![ 詳細 ]

OKWaveのオススメ

教えて弁護士さん!

お金の悩みQ&A特集はこちら