前々から気になっていたのですが、背景の画像を入れてページを制作する際、MacのIE5のみページが右下にずれたりしませんか?(毎回じゃないですが、結構な確立で)
<body background="bg.gif" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
こんな感じで普通にbodyタグで指定しているのですが・・・
その他のブラウザ(mac、win)だとOKなんですが、なぜでしょうか?
ただ、同じタグで書いても、ずれないページもあるので、何が原因かわかりません。
対処として、フレームで区切ったり、スタイルシートで位置を指定したりが考えられると思うのですが、今回はなるべくプレーンなHTMLのみで解決が迫られています。
どうか、宜しくお願いいたします。
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
ひとつお聞きしたいのですが、「背景画像がずれる」のではないですよね?背景画像は<body>タグのマージン指定によって左右されるものではないですから。
その本文自体のレイアウト全体がずれるってことなのですよね?
そうであるなら背景画像の配置方法が原因ではなく、本文レイアウトのやり方がおかしいんだと思います。
考えられるのは<table>タグの書き方とか。
見当違いだったらごめんなさい。
No.2
- 回答日時:
HTMLではなくCSSで背景画像とマージンを指定してみては。
body{
background-image:url(bg.gif);
margin:0px;
}
のような感じでどうでしょうか。プレーンなHTMLだとCSSは使えない
のかな。
ちなみに、
marginwidth marginheightはNN4の独自のタグ
topmargin leftmargin rightmargin bottommarginはIE2からの
独自のタグ
いずれも独自拡張されたタグです。
つまり、両方のブラウザの独自拡張されたタグを混合して記述
していることになります。そこに原因があるかもしれません。
No.1
- 回答日時:
<body background="bg.gif" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
これですと,うちのホームページビルダーではエラーが出ますね。
leftmargin,topmargin,marginwidth,marginheightが未定義だそうです。
<body background="bg.gif">
では,ダメですか?
私が管理しているホームページでは,未定義として挙げた部分は入っていないのですが・・・。もしかしたら,これが原因では?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- Excel(エクセル) Excel 在庫管理について 3 2023/02/09 10:00
- Excel(エクセル) エクセル2013「次のページ数に合わせて印刷」が小さすぎる 9 2023/03/28 10:18
- HTML・CSS svgクリップパスの応用コーディング方法 2 2022/04/09 09:07
- HTML・CSS HTMLタグのあるCSVファイルを利用する方法 4 2023/03/19 14:41
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<hr>の縦バージョンはありますか?
-
【Webサイト】画像が小さく表示...
-
htmlかcssで背景の白い枠をなく...
-
同じ画像 複数回使用
-
LightBoxの矢印の出し方
-
楽天ショップのデザイン
-
透過gif画像の上に文章を重ねる...
-
スタイルシート(CSS)で左にア...
-
見出しの複数行の対応について
-
background-sizeの背景で最小値...
-
画像で背景透明のテキストがに...
-
マウスオーバーするボタンの画...
-
HP作成 作成した画像を動画の上...
-
画像にオンマウスで暗くする方法
-
CSS使用時のDIVにおける背景指...
-
画像の上にテキスト配置で、拡...
-
background-repeat CSS で切れ...
-
マウスが乗ったとき斜め下に下がる
-
画像の上に文字を乗せたい!
-
レスポンシブWebデザイン習得へ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<hr>の縦バージョンはありますか?
-
画像とその下にあるテキストの...
-
lightbox2で画像を天地左右中央...
-
画像の上にテキスト配置で、拡...
-
background-repeat CSS で切れ...
-
【Webサイト】画像が小さく表示...
-
IMGタグで画像の繰り返し使用は…
-
background-sizeの背景で最小値...
-
同じ画像 複数回使用
-
【至急お助け!】チェックボッ...
-
iframe内をクリックさせない方...
-
htmlかcssで背景の白い枠をなく...
-
background-sizeでcontainする...
-
CSSで背景画像をランダムに表示...
-
ページごとに背景画像を変更し...
-
画像上に文字を表示するとiPhon...
-
LightBoxの矢印の出し方
-
WEB上でディレクトリ内の画像を...
-
submitボタンの上に重ねた画像...
-
CSS マウスオーバーでテキスト...
おすすめ情報