HTMLで記述したスクロールがMacのsafariで機能しない

質問

ネットショップをしておりますが、担当が辞めてしまいHTMLに詳しいものがおりませんので四苦八苦しております。
質問の内容が適切ではないところがあるかもしれませんが、よろしく御願いいたします。

新商品紹介をＴＯＰページ100pxの高さでスクロール表示をしております。windowsのIE7では100pxの高さでスクロールがついておりますが、Macのsafariでみたところ、scrollが無視されて行がずらっと表示されてしまいます。
タグは以下のように記載しています。
<DIV style="width: 435px; height: 100px; overflow-y: scroll;
border: solid 1px gray;" align="center">
<TABLE ....

<IFRAME>タグで別ページをインライン表示しようとしましたが、Yahooショップは外部リンクを禁止しているため、別ページを作れませんでした。

良いアイデアがありましたらご教授下さい。
よろしく御願いいたします。

ネットショップをしておりますが、担当が辞めてしまいHTMLに詳しいものがおりませんので苦労しております。

回答No.1

grumpy_the_dwarf · ベストアンサー

CSSには「overflow」はありますが「overflow-y」はありません。
InternetExplorerだけの方言です。機能しない方が正常です。

「overflow: auto;」と書いて下さい。大抵のブラウザは、はみ出し
た時だけスクロールバーを表示します。

お礼

早速回答いただき有難うございました！
教えていただいたとおりに変更しました。またmacで確認とっていませんが、他の方の回答を見ても大丈夫そうですね。
ブラウザ独自の方言があるのですね。非常に勉強になりました。
有難うございました。

回答No.3

MAN_MA_RUI

> CSSには「overflow」はありますが「overflow-y」はありません。
> InternetExplorerだけの方言です。機能しない方が正常です。
いや、違う。…CSS3だったかな？確か正規の企画になるはずですよ。
FirefoxをはじめとするGeckoブラウザでも2006年に出た1.8系以降が対応しています。

…が！元々はIEの独自拡張だし、古いブラウザは全く対応していないので使わないのが吉。overflowを使いましょう。
ネットショップであればある程度広い環境をサポートしたほうがいいですよ。
なるべくIE依存にならないようにしてユーザーを少しでも多く拾い上げるのです^^

お礼

ご回答有難うございます！
やはりそうなのですね。
HTMLに詳しくないので、結構独自のタグ使っているかも。。。
ためになります。

皆様のスピーディーな回答と的確なご回答に本当に感謝しております。
ありがとうございました。

回答No.2

vaio09

Another HTML-lint
http://openlab.ring.gr.jp/k16/htmllint/index.html

こちらにある「ゲートウェイサーヴィス」または「簡易ゲートウェイ」に、あなたのサイトURLを入力すると、文法チェックしてくれます。
極力機種依存しないサイトかどうか、どこを修正すべきか、指摘してくれます。

お礼

早いご回答有難うございます！
こんな便利なサービスがあるのですね。
教えていただき大変助かります。
これから使ってみようと思います。
ご親切なアドバイスに感激です。