- 締切済み
Operaでズレない方法をご指導下さい
IE6、firefox1.5ではズレないのですが、 Opera9.1.0では <div id="main">テキスト</div> の箇所が左に1pxズレてしまします。 ブラウザの横幅を大きくしたら小さくしたりすると、 ズレない場合もあるのですが、最大にすると1pxだけズレます。 ズレない良い方法がありましたら、どうか教えて下さい。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <title>無題ドキュメント</title> <style type="text/css"> <!-- body { background-image: url(bg.jpg); background-repeat: repeat-y; background-position: center top; margin: 0; } #main { background-color: #00FFCC; width: 700px; margin:0 auto; } --> </style> </head> <body> <div id="main">テキスト</div> </body> </html>
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- venzou
- ベストアンサー率71% (311/435)
ちなみに、背景の画像の幅は？ 幅700の画像でテストしましたが、うちの環境では、IE6でもずれました。しかし、Opera8ではずれませんでした。 微妙な違いがあるようですね。 ずれないようにするには、bodyの背景ではなく、背景表示用のdivを作って、その中に<div id="main">を入れるとかの方が良いのでは？
- MAN_MA_RUI
- ベストアンサー率41% (426/1024)
何を以ってずれているとしているのかがイマイチ分かりませんでした^^; 問題があるならここがこうだから困るんですと具体的に言ってください。 でないと答えられません。
お礼
テストまでしてくれてありがとうございます。 ここを利用するのは初めてなので、質問の仕方が悪くてわかりにくかった思います。どうもすみません。 確かにvenzouさんのおっしゃる、【bodyの背景ではなく、背景表示用のdivを作って、その中に<div id="main">を入れるとかの方法】だと ズレませんね＾＾ 背景の画像の幅は2000px高さ2pxです。 ちょっと前はこのやり方がはやってたような？ 企業とかのHPのCSS見てまわっていたら 結構背景用の<div>を作っている所が多かったです。 IE、FireFox,Opera 以外のブラウザでのテストもしてみたいんですけど、何か重要なブラウザってありますでしょうか？ ホントはMacでのテストもしてみたいんですけど、持ってないので、 どう表示されているのかわかりません。