- 締切済み
背景画像を入れた際のページのズレ（MacIE5）
前々から気になっていたのですが、背景の画像を入れてページを制作する際、MacのIE5のみページが右下にずれたりしませんか？（毎回じゃないですが、結構な確立で） <body background="bg.gif" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> こんな感じで普通にbodyタグで指定しているのですが・・・ その他のブラウザ（mac、win）だとOKなんですが、なぜでしょうか？ ただ、同じタグで書いても、ずれないページもあるので、何が原因かわかりません。 対処として、フレームで区切ったり、スタイルシートで位置を指定したりが考えられると思うのですが、今回はなるべくプレーンなHTMLのみで解決が迫られています。 どうか、宜しくお願いいたします。
- tigerhead
- お礼率50% (3/6)
- HTML
- 回答数3
- ありがとう数0
- みんなの回答 （3）
- 専門家の回答
みんなの回答
ひとつお聞きしたいのですが、「背景画像がずれる」のではないですよね？背景画像は<body>タグのマージン指定によって左右されるものではないですから。 その本文自体のレイアウト全体がずれるってことなのですよね？ そうであるなら背景画像の配置方法が原因ではなく、本文レイアウトのやり方がおかしいんだと思います。 考えられるのは<table>タグの書き方とか。 見当違いだったらごめんなさい。
- steelgreen
- ベストアンサー率50% (50/100)
HTMLではなくCSSで背景画像とマージンを指定してみては。 body{ background-image:url(bg.gif); margin:0px; } のような感じでどうでしょうか。プレーンなHTMLだとCSSは使えない のかな。 ちなみに、 marginwidth marginheightはNN4の独自のタグ topmargin leftmargin rightmargin bottommarginはIE2からの 独自のタグ いずれも独自拡張されたタグです。 つまり、両方のブラウザの独自拡張されたタグを混合して記述 していることになります。そこに原因があるかもしれません。
- gakushaneko
- ベストアンサー率68% (2350/3407)
<body background="bg.gif" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> これですと，うちのホームページビルダーではエラーが出ますね。 leftmargin，topmargin，marginwidth，marginheightが未定義だそうです。 <body background="bg.gif"> では，ダメですか？ 私が管理しているホームページでは，未定義として挙げた部分は入っていないのですが・・・。もしかしたら，これが原因では？
関連するQ&A
- 画像をHPの上下に表示させるには？
現在、HPを作成しています。 ページの上下左端それぞれに 動かない画像をピッタリと隙間無く表示させたいのですが、方法が分かりません。 さらに、これら2の画像の他に<body>タグの Backgroundで壁紙も指定したいのです。 左上だけにピッタリ画像を表示させる事は出来るのですが、 （ちなみに普通に画像を貼り付け、LEFTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0"を指定しているだけです。） 左下に画像を表示させられません。 スタイルシートのbackground-imageを使用しようかと思ったのですが、 それだと<body>タグの Backgroundの指定が出来ないのです。 初心者過ぎる質問かもしれませんが どなたかご存知の方、教えてくださいませ～（T□T)
- ベストアンサー
- HTML
- 背景画像の折り返しをしたい
背景画像を横に折り返したいのですが、下のタグを打つと、ドキュメントウインドウでは表示されるのですが、ブラウザで見ると何も表示されません。 画像の格納場所は、あっているはずですが、どこが間違っているのかわかりません。。。 dreamweaver MX、ブラウザはIE6.0を使用しています。 手打ちで行ったのですが、DREAMWEAVERの操作でできるのであれば、その方法も知りたいです。 お手数ですがどなた教えてください。よろしくお願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>上のフレーム</title> <STYLE type="text/css"> <!-- BODY{ background-image:url(/img/top/line2.gif); background-repeat:repeat-x; } --> </STYLE> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> </body> </html>
- ベストアンサー
- ホームページ作成ソフト
- フレームページの隙間
フレームページを作ったのですが、フレームの間の隙間をなくしたのですがどのようになくすのか解りません。どうか教えて頂けないでしょうか。お願します。 実際のソースコート <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META name="GENERATOR" content="IBM HomePage Builder 2001 V5.0.0 for Windows"> <TITLE>もっくもっく</TITLE> </HEAD> <FRAMESET rows="155,*" frameborder="0" border="0" framespacing="0" framepadding="0"><!-- 上のフレーム --> <FRAME src="osawa1.html" name="1" scrolling="no" noresize topmargin="0" marginheight="0" leftmargin="0" marginwidth="0"> <FRAMESET cols="700,*" frameborder="0" border="0" framespacing="0" framepadding="0"><!-- 左のフレーム --> <FRAME src="osawa2.html" name="2" scrolling="auto" noresize mtopmargin="0" marginheight="0" leftmargin="0" marginwidth="0"> <!-- 右のフレーム --> <FRAME src="osawa3.html" name="3" scrolling="no" noresize topmargin="0" marginheight="0" leftmargin="0" marginwidth="0"> </FRAMESET> <NOFRAMES> <BODY topmargin="0" marginheight="0" leftmargin="0" marginwidth="0">フレーム対応ブラウザでご覧ください。</BODY> </NOFRAMES> </FRAMESET> </HTML>
- 締切済み
- HTML
- ウェブページの表示位置についてお願いします。
現在、ウェブサイトのコーディングをしているのですが、 ウェブブラウザ上（IE）での表示位置について困っています。 問題点は、 １.ウィンドウの上部分のマージン <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> の方法でを試してみたんですが、どうしても上手く行きません。 2.ウィンドウの表示位置 ページを開いたときに ページ本文の指定した範囲のみをウィンドウで表示したいのですが、 java scriptで可能でしょうか？ 分かり辛い説明で申し訳ありません。。。 補足の画像を添えさせていただきます。 どうかご教示、よろしくお願いいたします。
- ベストアンサー
- JavaScript
- 任意の画像を左端と右端をぴったりくっつけるには横方向何ピクセル必要？
こんにちは。 ページのトップ側に横方向の長い画像を とり込んで 左端と右端を ぴったりくっつけたいのですが 最低横方向は何ピクセル必要ですか？？？ （ピクセルが足りないと・・横方向に伸びた 画像になってしまいますし、 ピクセルが余ると・・横方向のスクロールバー が余計についてしまう！！） ・・もちろん<body>の属性に topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" のタグお記述することはわかるのですが。。 下手な文章で申し訳ありません。
- ベストアンサー
- HTML
- 画面下にバーをいっぱいに表示する
画面の上部については、余白なく <body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> で表示できたのですが、 以下のサイトのように http://www.aimix.jp/bodymag.html 画面一番下も色塗りバーでいっぱい表示する場合にはどのようにすれば宜しいのでしょうか？
- ベストアンサー
- HTML
- CGIの中にJAVA Script
CGIプログラムはまったくの初心者です。 perlでCGIプログラムを組んで、HTMLを書き出すときに Java Scriptもいっしょに書き出すことはできますか？ print "Content-type: text/html\n\n"; print "<html><head><title>$title</title>\n"; ---この間に入れたいのですが・・・--- print "</head>\n"; print "<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0 bgcolor=$bg_color text=$text_color link=$link_color vlink=$vlink_color background=$bg_gif>\n"; Java Scriptの menu_0.addMenuItem("ショップ案内","location='shop.html'"); 等を入れるときに 「"」や「；」はどういう風に表現すればうまくいくのでしょうか。 Java Script以外のタグの中の<font size="2">などは「"」をとれば 大丈夫なのは知っていますが、Java Scriptで「"」や「;」をとってしまうと 動作しなくなりました。
- ベストアンサー
- その他（インターネット接続・通信）
- フレームが消えません
お金がナイのでビルダーとか使わないで手打ちでＨＰ作っています。 フレームを使ったページを作りたくて、ＨＴＭＬ支援サイトからコピペでフレームを使ったページを作りましたが、No.528543の質問のタグやNo.533398の質問にあった<body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> も使ってみましたがどうにもこうにも消えてくれません。 他にもテーブルタグをサイトからコピー＆ペーストで、ボーダーが線のテーブルを作ってもボーダーが線になりませんでした。（こちらの質問は関係あるかと思って一応書いてみました） どうやったら消えてくれるでしょうか？ 解決に助言をお願いします。
- ベストアンサー
- HTML
