- ベストアンサー
ＩＥで背景が表示されない
NetscapeのcomposerでHPを作っているのですが、背景がIEだと表示されません。Netscapeだと表示されるのですが、タグに問題があるのかIEの設定に問題があるのかまったくわかりません。 <body style="background-image:url(ファイル);"> と入力したのですが（というかbody background="ファイル名"と入力したら自動的にこうなった）何か間違っているのでしょうか？ 一週間前にhtmlを勉強し始めた超初心者なのでわかりやすく教えていただければうれしいです。
- blue-bird
- お礼率65% (38/58)
- HTML
- 回答数6
- ありがとう数2
- みんなの回答 （6）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
おそらく、ファイルの置き場所による現象だと思います。Mozilla系では、日本語文字を含んだパスに関していろいろ問題を生じます。 作業ファイルのすべてを c:\html といったようなフォルダ作って、ここに置いてページを作りなおしてみてください。フォルダ名は、すべて半角英数文字で空白やカナは含まないようにしてください。 composerのクセとして、画像などをそのまま入れ込むと、ローカルでの絶対パスになります。かならず、一度プロパティを開いて「相対」に変更してくださいね。 ＩＥはWindows自体の機能として、フォルダ名をそのままＯＳから見える形で処理しています。一方、webが基本のNetscape(Mozilla系全般)は、webでのルールに従ってファイル名やパスを処理しようとします。だからwebでそのまま通らない(エンコードが必要な)ファイル名やパスはエンコードが必要で、半角スペースとか~などの記号さえエンコードされます。 ファイル名やパスに関して、半角スペースやいくつかの記号の使用は、インターネット関係のいくつかのソフトで支障があります。他ＯＳからの移植物はWindowsの流儀に合せていないからです。たとえば、"Program Files"に置くと動かないソフトとか。Windowsで実体が別の所にあるフォルダも避けるのが良いです。たとえば MyDocuments の実体はユーザフォルダの中です。また、海外製のソフトには日本語の文字を含むファイル名やパスを処理できない物もけっこうあります。デスクトップなんて２重にダメですね。私の勤め先では、日本語でフォルダ名やファイル名付けたがる人が多くて困ってます。 なお、Netscapeはバージョンいくつをお使いでしょうか。Mozilla1.4系(Netscape7.1)以降、composerは細かな部分でいろいろ使いやすくなっています。
その他の回答 (5)
- koutarou504
- ベストアンサー率44% (182/407)
#1 の方への補足を拝見しまして・・・。 > url(file:///C:/～ これでは #4 の方の指摘の通り html がある同じ PC に画像が存在しないと見れませんのでご注意下さい。 （サーバーにｕｐすると、まず他からは見れません。） その上で技術的な面を。 > aaaのあとの%83...というのをカタカナで「デスクトップ」と入れると １．お試しの様にそこをコードでなく人が読める文字に書き換えて下さい。 その為にネスケが表示しなくなる事を別途調整する方が、コードで書かれている事を他のブラウザで対応させるより容易です。 ２．background-image を background に変更して下さい。背景画像の指定を背景の短縮形で指定する様に変えるダケです。ただ、ブラウザの不備かなにか振る舞いが異なったりするので・・・。 これによりネスケでも表示される様になる。（と思います。） ３．url(～) をシングルコーティションを用いて url('～')として下さい。 これにより Opera でも表示される様になる。（と思います。） 変更結果 : <body style="background: url('file:///C:/Documents%20and%20Settings/aaa/デスクトップ/homepage/kabe02.gif');"> 備考：検証環境 OS : Windows XP SP2 ブラウザ : IE6.0 , Netscape7.1 , Firefox1.0.6 , Mozilla1.7.5 , Opera8.01 , Sleipnir2.00 尚、今回の事態は Netscape 用に書かれた為に IE 他で対応していなかったという事で、 それぞれの拡張機能やらバグ（不備）やらで、他にもいろいろ起こります。 （規則通りに記述しても、思う通りに表示してくれない事も多々あり・・・。） それからファイル名の指定ですが、他にもいろいろな指定方法があり、 出来るだけ今回とは別の方法で指定する事をお勧めします。 （まぁ順次学んで行けば良い事ではありますが、そのままではネットワーク上には公開できませんが・・・。）
補足
やってみたところ、後半にrepeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-inline-policy: initial; -moz-background-origin: initial;"> というのがくっついてしまいました。これはなんでしょう？？composerの設定に問題があるのですかね？ソースを入力して保存やプレビューをすると勝手にソースが変更されてしまうんです。
file:///C:・・・ これだと自分のパソコンでしか見れません。 画像とhtmlファイルが同じフォルダにあるなら <body style="background-image:url(kabe02.gif);"> としてください。 修正しても背景が見れない場合はIEのセキュリティの設定の可能性があります。
補足
こう入力すると自動的に<body style="background-image: url(file:///C:/Documents%20and%20Settings/aaa/%83f%83X%83N%83g%83b%83v/homepage/kabe02.gif);"> に変わってしまうんです。なぜでしょう？ネスケのcomposerを使ってるのが問題なのでしょうか？？
■ＩＥの設定 ［ツール］［インターネットオプション］［ユーザー補助］［WEBページで指定された色を使用しない(C)］にチェックが付いていませんか？ ■ソース <!DOCTYPE ・・・>が適切でないと思い通りに表示されないことがあります。
補足
チェックはついてないのでやはりタグの問題みたいですね。htmlって難しい…。
- eri_yuri
- ベストアンサー率42% (74/174)
マズはつづりとファイルの場所が間違っていないか確認しましょう。 ちなみに、IEは4.0以上が一応スタイルシートサポートしているバージョンです。 この時点で3.0とかだったらアウト。 で、まぁ表示されない原因でもうひとつ考えられるのが、IEの設定です。 IEのメニューから、ツール→インターネットオプション→詳細設定と選択していきます。 で、設定項目のずーーーっと下の方に、マルチメディア っていう項目があって、そこに"画像を表示する"っていうのがあります。 このチェックボックスにチェックが付いているか、確認してください。意外と、これにチェックが付いていなかったりする可能性もありますので。 コレでもダメなら shinkun0114 さんのおっしゃるとおり、BODYタグに書き込んでいる内容がわからないと何もいえないかもしれませんね。
補足
チェックはついてるのでタグが原因のようです。shinkun0114さんの補足にタグを書きましたのでもしわかったらよろしくお願いします。
- shinkun0114
- ベストアンサー率44% (1553/3474)
これはスタイルシートを用いた記述法ですね。 IEでもサポートされていますので、ちゃんと表示されるはずです。 ファイル名の書き方などは間違いありませんか？ ファイル名を一部伏せ字にしていただいて、 BODYタグのすべてを補足欄にコピーしてみてください。
補足
<body style="background-image: url(file:///C:/Documents%20and%20Settings/aaa/%83f%83X%83N%83g%83b%83v/homepage/kabe02.gif);"> です。いろいろ研究してみた結果、aaaのあとの%83...というのをカタカナで「デスクトップ」と入れると（保存してるのがデスクトップなので）IEでは表示され、ネスケでは表示されないということがわかりました…。 どうしたら両方で表示できるでしょう？
関連するQ&A
- 背景画像がNetscapeでは表示されない
<HEAD>タグ内に下記の方法で背景画像を中央に表示させています。 IE5.5では正常に表示されますが、ネスケ4.7で確認すると背景画像のみ表示されません。 <BODY>タグ内の文字は正常に表示されます。 どうしたら良いでしょうか？ <STYLE type="text/css"> <!-- table#base { background-image: url("img/bg.jpg"); background-repeat:no-repeat; background-position: center center; } --> </STYLE> 宜しくお願いします。
- ベストアンサー
- HTML
- IEとNNの違い：タグを修正しても保存したときに変更されてしまう
HTMLで背景色を指定し、文字だけ画像を用意したトップページを作りました。NN６付属のComposerで作成しています。 うまくいかないことが２つあります。 gooの無料ページを使用しているので広告スペース分、タイトル文字を下げて表示したいのですが、BODY STYLEで画像の指定をまとめてする際<background-p osition＞で書き込むと保存したときにタグが消えてしまいます。Composer側が修正しているのだと思います。 また、一番の悩みはbackground-image: url(a.gif)とだけしたいのに、どうしてもurl(file:///A:/a.gif);というふうにComposerが書き換えてしまうのです。 ほかのタグ（スタイルシートなど）も試してみましたが、だめでした。 背景画像についてはhttp://～のurlで画像場所を指定してみたりした（＾＾；）のですが、そうするとページそのものが404で開けなくなりました。一度しか試していないのですが。 この画像表示をうまくするには、またComposerが勝手にタグを打ち直すのはどうしたらいいでしょうか？
- ベストアンサー
- HTML
- 背景を固定する。
<HTML> <HEAD> <TITLE>・・・</TITLE> <STYLE TYPE="text/css"> <!-- BODY { background-image: url(画像のＵＲＬ); background-repeat: no-repeat; background-position: right bottom; } --> </STYLE> </HEAD> <BODY> ・ ・ ・ </BODY> </HTML> このタグをいれても、背景が表示されず真っ白です。 何か間違ってるところがありますか？
- ベストアンサー
- その他（インターネット・Webサービス）
- 写真素材の背景
写真素材の背景で、例えば右下に表示するためのタグがありますよね？ それって↓ <STYLE type="text/css"> <!-- BODY { background-image : url("素材URL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; background-color:背景色; } --> </STYLE> でいいんですか？？↑で何度かやってみたんですが、ちゃんと右下に表示されません。
- 締切済み
- その他（インターネット・Webサービス）
- IE以外のブラウザで背景を固定させる方法
スタイルシートで、ブログのタイトル部分の背景を固定しています。 IE6.0では画像が表示されるのですが、NetscapeやFirefoxでは表示されず、指定してある背景色だけになってしまします。 #title {background: #000 url("画像のURL") no-repeat; background-position:top;background-attachment : fixed;} このように記述していますが、IE以外のブラウザで表示させるにはどのようにすればいいのでしょうか。
- ベストアンサー
- ブログ
- Webタグの背景について
今HPを作っていますが チェックで作った背景に一つの画像を右下に固定表示させたいのですができるでしょうか？ 背景固定はできるんですけど画像を右下にやるのができません。 <body background="imagfolder/02.jpg" bgproperties="fixed"> のタグはチェックの背景になっています。 固定で検索すると <STYLE type="text/css"> <!-- BODY { background-image : url("壁紙のURL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; } --> </STYLE> とでてくるんですが・・・
- 締切済み
- その他([技術者向] コンピューター)
- gaiax系ページでの背景の固定
こんにちわ。 先日、背景を固定して文字だけスクロールしたいという件で質問しましたところ、スタイルシートをつかったり、bodyタグでの方法を教えて頂きました。ところが、私のページはgaiaxであり、デザインの変更の背景URLのところに教えて頂いたスタイルシートなどのタグを張り付けてみたところ、背景はうまく固定できたのですが、今度は画面の左上に文字の色などを示すタグが勝手に表示され、こちらで設定した文字の色なども無効になってしまいました。スタイルシートではこちらを張り、 <STYLE TYPE="text/css"><!-- BODY{ background-image:url("画像の名前"); background-repeat : no-repeat ; background-attachment : fixed; background-position: bottom right;} --> </STYLE> bodyタグではこちらを試してみました。 <BODY background="○○○" bgcolor="○○○" bgproperties="fixed"> ・・・・・ </BODY> いずれにしても変なタグが画面上部に勝手に表示されてしまうんです。 それに文字なども私は白で設定したのですが、勝手に黒になってしまいます。 どうしたらよいのでしょうか？ メインのお知らせ欄に張るということも考えてみたのですが、 そうすると、日記画面での背景は別になってしまいますよね？ 御回答よろしくお願い致します。
- ベストアンサー
- HTML
- グラデーション背景と画像固定背景
こんにちは。 ホームページ作成初心者の者なのですが、ページの背景をグラデーション背景の上に固定した画像背景を乗っけようと考えているのですが、グラデーション背景のタグを入れると画像背景のタグが無効になってしまいます。この二つを同時に有効にする事は不可能なのでしょうか。 ちなみにタグは <HEAD> <STYLE> <!--BODY { background-image : url(back2.gif) ; background-repeat : no-repeat ; background-position : 90% 90% ; background-attachment : fixed ;} --> </STYLE> <STYLE> <!-- body{ filter:progid:DXImageTransform.Microsoft.Gradient (startcolorstr='#68b4ff',endcolorstr='#ffffff',gradienttype='1') } --> </STYLE> （省略） </HEAD>
- ベストアンサー
- ホームページ作成ソフト
- 背景の表示が出来ません。
ただいまHPを作成中なんですが、背景が表示されなくて困っています。 右下に背景固定して使いたいのですが・・・どう頑張っても表示されません； <HTML> <HEAD> <TITLE>タイトル</TITLE> <style type="text/css"> <!-- body { background-color: #FFFFFF; background-image : url("haikei.png"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat ; } --> </style> </HEAD> ココに文章 </BODY> </HTML> と言う風になってるんですが、 友人は間違ってないと言っていますが画像は表示されてないようです。 何かおかしな点とかはありますでしょうか。 自分のパソコン内(アップしないでマイコンピュータで見る)でだと普通に表示されています。 アップすると見れなくなるのです。 何故なのでしょうか (既に色々出ていたみたいですがよく解らなかったので＾＾；)
- 締切済み
- HTML
- 背景画像表示について
CSSでbodyの中にbackground-image で背景を設定したのですが IE以外ではうつっていませんでした。 なので <div style="width : 1300px; height : 1000px; top : 1px; left : 2px;position : absolute; background-image: url(****.gif); z-index: 1; visibility : visible; " id="pagebody"> としてみましたらIEとGooglechromeはうつるようになりました。が、 firefoxではうつりませんでした。ここで疑問に思ったのが 基本なはずの背景画像にブラウザによって表示が異なるのか、と。 本を読んでもインターネットで調べてもそんなことはないとかいてありました。 僕の記述が間違っているとしか考えられません。 正しい記述を教えてください。 ちなみにCSSは外部内部両方ためしました。 htmlでbodyに背景指定もやってみました。でもやっぱりIEしかうつりませんでした
- ベストアンサー
- HTML
お礼
お礼が遅くなって申し訳ありません。なんとか出来そうですがまだまだ勉強不足ですね。これから頑張ります！回答ありがとうございました。