• 締切済み

Safariで画像が出ません!

WinXPにてHPを作っています。 WinではIE7、IE6、NN7、FireFox、Opera MacではIE、FireFox、Opera、Safari で動作・レイアウトの確認をしています。 何故かSafariのみ、以下のタグを入れたページの背景画像が出ず真っ白な画面になってしまいます。 どこに間違いがあるのかさっぱりわからないんです… ご存知の方、教えて頂けるとありがたいです!! 宜しくお願い致します。 タグ一覧↓ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <BASE target="_parent"> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Imagetoolbar" content="no"> <meta name="robots" content="noindex, nofollow,noarchive"> <meta name="GOOGLEBOT" content="NOINDEX, NOFOLLOW, NOARCHIVE"> <TITLE>top</TITLE> <STYLE type="text/css"> <!-- BODY{ background-color : black; background-image : url("****.gif"); background-repeat : no-repeat; background-position:25% 0%; } --> </STYLE> </HEAD> </HTML>

みんなの回答

回答No.4

英語版Win XP(VPC)上なのでなんとも言えないですが、 ファイル名を日本語にしたらIE 7で表示されている画像がSafariで表示されなくなりました。Mac版がどうかは知らないけど、もしかして・・・?

nijiko1104
質問者

お礼

ありがとうございました。 ファイル名は全部英数です。 ちょっといろいろやってみます。

回答No.3

言うか悩んだけど Safari 3.0.1 Beta for Windows on WinXP Pro SP2(IE7 VPC) 上で再現しません。 BODY要素がなくともペイントで赤く塗りつぶしただけの510px*382pxのGIF画像ですが,正常に表示されています。 #ところで,BODY要素の開始タグと終了タグは省略できたはずなんですが、 <!ELEMENT BODY O O (%flow;)* +(INS|DEL) -- document body --> 何故かW3C Markup Validatorで Line 22 column 6: end tag for "HTML" which is not finished. といわれます。何ででしょう?(BODY要素があれば当然Valid)

nijiko1104
質問者

お礼

ありがとうございました。

  • MAN_MA_RUI
  • ベストアンサー率41% (426/1024)
回答No.2

FireFoxじゃなくてFirefox。 http://www.mozilla-japan.org/support/firefox/faq#spell-abbreviate こういうものはちゃんと正しくHTMLやCSSを記述すれば問題を回避できるはずです。 http://openlab.ring.gr.jp/k16/htmllint/ http://validator.w3.org/ http://jigsaw.w3.org/css-validator/ あとついでに言っておくとNetscapeは型が古くセキュリティ的に利用が望ましくないとされ、ウェブデザイン的にもかなりの足枷となるブラウザなのでスルーしても構わないと思います。 (リファラーに対してFirefoxなどへの移行を促す必要がありますけど…。)

nijiko1104
質問者

お礼

ありがとうございました。 最初から、もう一度見直してみます。

  • nekotani
  • ベストアンサー率34% (15/43)
回答No.1

BODYタグが無いからでは?

nijiko1104
質問者

お礼

ありがとうございます。 すいませんこちらに書き忘れてただけです 入ってます

関連するQ&A