![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
作ったホームページをプレビューで表示したときにページ全体が微妙に(見た目上では数ミリくらい?)で左右にずれるページがあります。
IEではずれないのに、Firefoxで確認するとページ全体が左右にずれて見えるページが出来てしまいます。(数ミリですが、左右に全体の位置がずれるとページ間ジャンプの際に結構気になってしまう)
基本的にテーブルで作っていますが、bodyの直下にページ全体を#wrapper(全体のレイアウト)で指定し、その中ヘッダー部分や本文の部分をテーブルで流し込んでいます。
初心者なので質問内容も何て書いたらよいのかわからないのですが、どうしても解決できなくて困っています。
No.2ベストアンサー
- 回答日時:
あー。
なんとなく分かった。CSSのボックスにborderやpaddingを指定していませんか?
本来はborderやpaddingを含まないでボックスの大きさを計算するのが正しいのですが、
IEではborderやpaddingを含んだ値をボックスの大きさとして計算する場合があります。
対処法はIEとそれ以外でCSSを振り分けるとか…他にもあるかなぁ?
ありがとうございます。
入れ子のテーブルには確かにCSSで幅やマージンを指定していますが、borderやpaddingは指定していません。
また、ページによって全体の枠が見た目で微妙に左右にずれるのがどうしてだろうって不思議なんです。しかもFirefoxで見た時にだけ。(多分MACも同じかな?IEでは全てのページにずれが見られないのに)
ページによってボックスを使いまわしているので全てのページが同じように見えるはず?なのに・・・ボックスの中に写真を入れたり、またその入れ子のテーブルの高さが伸びてくると、そのページはFirefoxで見た時に左右に微妙にずれる現象が発生しているような気がします。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_12.png?8acaa2e)
No.4
- 回答日時:
まさかとは思いますが…
IEには縦スクロールバーが表示されていなくても、右端にスクロールバー分の空白ができるバグがあります。
Firefoxでは、必要なページにだけ縦スクロールバーが表示されます。
この違いにより、
縦方向に長い、一画面に収まりきらないページで、IEとFirefoxで左右の位置がずれて見えることがあります。(正確には、左へ数pxずれます。)
これじゃないですよね?
回答いただきありがとうございます。
ちょっと意味が違うような気がします。
すみません、質問の仕方が悪くて。
Firefoxでも同じつくりなのにページによって左右に位置がずれるのです。
CSSの作り方が根本的に間違っているんでしょうが。。。。
別の意味で参考になりました。ありがとうございました。
No.1
- 回答日時:
Webブラウザのレンダリングエンジンが異なればページのレイアウトは若干ずれる場合があります。
px単位で完全に配置を同じにするには絶対値での配置となりますが、フォントサイズの関係で見づらくなることがありますのでお勧めできません。
誤差の範囲内であり、表示がおかしくならないのであれば正常ですので深く御気になさらずそのままにしておくのが宜しいのではないかと^^
早速に回答いただきありがとうございます。
IEとFFで違うというよりも、Firefoxで確認してみるとページによって若干(5mmくらい?)の左右のずれが生じます。
IEではホームページ内のどのページを見ても全ページずれが生じないのに、FFで同じホームページ内を確認するとページによって左右に現象があります。(全てのページが同じレイアウト、同じテーブル構成で作っているのですが・・・)
(ページによってbodyがずれるというか、#wrapperがずれるというか、とにかく一番外の枠がページによって左右に数ミリずれるんです)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP php my adminより取り出したデータ表示 2 2022/06/15 11:56
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- ノートパソコン ページ番号の入れ方について 3 2023/02/16 17:11
- Excel(エクセル) エクセルで 同じシートにある2ページに、おなじページをつけたい 3 2022/07/11 16:15
- Excel(エクセル) 【エクセルマクロ】既に開いているIEの、サイズや表示位置を変更するには 4 2022/12/01 22:57
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- 憲法・法令通則 「止まれ」の標識も車線境界線も無い側道合流部 1 2023/06/09 15:00
- 神社・寺院 御朱印帳!やってはいけないこと!? 2 2023/02/22 05:51
- Word(ワード) Word2013 縦書き上下二段の表、改行を続けると次ページに情報が表示されるようにしたい 3 2022/06/16 09:24
- MySQL PHPとMySQLを使った掲示板の作り方 1 2022/06/02 13:00
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
サイト全体を中央に表示したい...
-
TD、THタグ内の水平罫線(...
-
【ホームページビルダー】表の...
-
htmlでテーブル内にテキストボ...
-
テーブル内の一部のみ線を変更...
-
スタイルシートの使い方について
-
markdownでテーブルの罫線は、...
-
Excel で等間隔で縦線を引きた...
-
CSSのtransform: translate(-50...
-
パソコンでランドルト環の作成...
-
text-alignの解除の方法
-
PDFへてのテキストボックスにて...
-
【エクセルVBA】シェイプのサイ...
-
Excel2003のVBAで、セルの幅・...
-
バーコードのサイズは拡大縮小...
-
テーブルレイアウトの外側
-
リンクテキストの下線を消した...
-
スタイルシートで<table>の内側...
-
<td> 内のテーブルを上寄せにす...
-
指定時間になったら、WEBサイト...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlでテーブル内にテキストボ...
-
テーブル内の一部のみ線を変更...
-
iframeのスクロールバー:縦だ...
-
markdownでテーブルの罫線は、...
-
【ホームページビルダー】表の...
-
(再度)行間を詰める方法
-
TD、THタグ内の水平罫線(...
-
<table>の<thead>を固定したい。
-
サイト全体を中央に表示したい...
-
colspanで余計な余白
-
テーブルを画面にの幅いっぱい...
-
Iフレームを置いているページの...
-
実行結果をデジタル時計みたい...
-
以下のHTMLをスタイルシートで...
-
<H1>を使わずに<H2>以下を使用...
-
スペースが空きすぎて困ってい...
-
表を作るときに枠線を
-
margin の指定のしかた
-
ホームページビルダーで表と表...
-
DREAMWEAVERでテーブルに枠線
おすすめ情報