解決済みの質問

FireFoxだと、表示がずれるのですが・・・。

はじめてホームページ作成をした初心者です。
最近ホームページを作成しまして公開したのですが、
「FireFox」だと、ズレると言われました。
ズレが生じてしまう部分は、
フローティングフレーム（iframe)を入れた部分で、
IEだと、きっちり指定場所に表記がされますが、
Firefoxだと、スクロールバーの分だけずれが生じてしまいます。
（左にスクロールバーの分だけずれてしまいます。）

急ぎで対応したいと思うのですが、
どなたかご存じの方、対処方法を教えていただきたいと思います。
よろしくお願い致します。

違反報告

質問日時：

2007/3/13 18:59:33
解決日時：

2007/3/28 03:52:11
回答数：

3
お礼：

知恵コイン

25枚
閲覧数：

6,279
ソーシャルブックマークへ投稿：

Yahoo!ブックマークへ投稿

はてなブックマークへ投稿

（ソーシャルブックマークとは）

ベストアンサーに選ばれた回答

pectictさん

恐らく、IEの解釈が他のブラウザと全く違うためだと思われます

IEのバグを避けるためにはCSSハックやCGI、JavascriptでUAを振り分けて
IE用のCSSと他のCSSを書く必要があります
http://www6.plala.or.jp/go_west/nextcss/tip/tech/css_hack.htm
http://www.lucky-bag.com/archives/2006/06/css-hacks.html
http://www.google.com/search?client=opera&rls=ja&q=CSS%E3%83%8F%E3%...

CSSハックのコツは
出来るだけ安全なブラウザ（FirefoxやOpera)で作成(確認)したCSSを先に作っておき
それに、IEでも"それなりに"表示できるように調整することです

あなたのように
初めから妙なブラウザ向けのCSSを作って、後で標準的なブラウザにあわせるのは大変ですよ

ちなみに正しくは<iframe>ではなく<object>です
http://hyper-text.org/archives/2006/11/object_element.shtml

違反報告
回答日時：2007/3/13 21:36:43

この質問は投票によってベストアンサーが選ばれました！

この質問・回答は役に立ちましたか？: 役に立った！

お役立ち度：お役立ち度　1点（5点満点中） 1人が役に立つと評価しています。

ベストアンサー以外の回答

（2件中1〜2件）

並べ替え：回答日時の: 新しい順; ｜; 古い順

margin0pxさん

幅を固定して scrolling="no"
<iframe src="xxx.html" width="310" height="160" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" title="abcd">iframe</iframe>

こちらでも幅を固定して overflow:auto;
xxx.html
#frame {
width:304px;
height:160px;
overflow:auto;
margin: 0px;
padding: 0px;
}