- 締切済み
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>
- みんなの回答 (4)
- 専門家の回答
みんなの回答
- himajin100000
- ベストアンサー率54% (1660/3060)
英語版Win XP(VPC)上なのでなんとも言えないですが、 ファイル名を日本語にしたらIE 7で表示されている画像がSafariで表示されなくなりました。Mac版がどうかは知らないけど、もしかして・・・?
- himajin100000
- ベストアンサー率54% (1660/3060)
言うか悩んだけど 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)
お礼
ありがとうございました。
- MAN_MA_RUI
- ベストアンサー率41% (426/1024)
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などへの移行を促す必要がありますけど…。)
お礼
ありがとうございました。 最初から、もう一度見直してみます。
- nekotani
- ベストアンサー率34% (15/43)
BODYタグが無いからでは?
お礼
ありがとうございます。 すいませんこちらに書き忘れてただけです 入ってます
お礼
ありがとうございました。 ファイル名は全部英数です。 ちょっといろいろやってみます。