画像、safariでは表示、firefoxでは非表示を解決したい。

解決済

質問者：noramemi
質問日時：2009/01/19 21:42
回答数：4件

ブラウザによってかわるという事は承知しておりますが、
タイトルの通り、Safariでは問題なく画像が表示されるのですが、
firefoxでは画像が表示されないという現象があり、
今回どのように解決してよいのかが分かりません。

●サイト
http://project.jpn.org/eternity.html
●問題箇所
各画像の周りの白い部分。

解決法をご存知の方がいらっしゃいましたら、ご指導くださいませ。
どうぞ宜しくお願い致します。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.4ベストアンサー

回答者： noname#83877
回答日時：2009/01/20 04:32

他の方も言われていますが、ちょっと作り方の問題ですね。

あと、たしかディレクトリは　_　使えないはずです。back_groundとなっているので、bgimageとかに直してみてください。
それと、haikei.jpgがダウンロードすると常に壊れしまいます。これも原因の一つかもしれません。

ためしに同じ感じで作ってみたので、作り方の違い等見てみてください。
多分編集等しようと思うとある程度覚えることがあると思うので、流す感じで。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta content="eternity and a day, eternity, and, a, day, Megumi, Fukuda, Katsura, Kunieda, garden, project, Berlin, 永遠と一日, ベルリン" name="keywords">
<title>eternity and a day</title>
<style type="text/css"></style>
</head>
<body>
endlich, unseren Platz gefunden.

<ul id="GALLERY">
<li style="left:0;">
14. Apr. 2007
<img src="eternityandaday/image/y07m4d14_M18.jpg" alt="">
</li>
<li style="left:500px;">
29. Apr. 2007
<img src="eternityandaday/image/y07m4d29_K2.jpg" alt="">
</li>
<li style="left:1000px;">
2007年4月29日
<img src="eternityandaday/image/y07m4d29_K5.jpg" alt="">
</li>
</ul>

Never is the impossible. I like never. I also like always what is there between never and always that links them so indirectly and so intimately. Roni Horn - Rings of lispector (AGUA VITA)
</body>
</html>

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございました。
その通りにやってみたら問題が解決できました。

また、htmlを起こして提示してくださったことによって、まだまだですが基本的な構造の問題が理解できそうです。
ありがとうございました。
大変感謝いたします。

通報する

お礼日時：2009/01/20 15:49

No.3

回答者： ORUKA1951
回答日時：2009/01/20 00:51

無理です。

スタイルシートも使われているようですが、なんであんな無茶苦茶なものが作れるのか・・
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
メモ: CSSスタイルシートを意図した通りに機能させるには、正しい文書解析木が必要です。つまり、正当なHTMLを用いるべきです。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［W3C CSS 検証サービス( http://jigsaw.w3.org/css-validator/validator.htm … )］より

☆横スクロールを強いるページは利用できない端末も多い。
　たった数十行で書けるはずが・・400行を超える。・・
　tableなんてまったく不要。

　もう一度、ゼロから学びなおしましょう。

　本当に酷い・・・

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございます。
めちゃくちゃですね。
相談できる環境もなく、全てが自己流で仕組みを完全に理解出来ていないままいたずらに試行錯誤しているので、恥を忍んでご質問させていただきました。
これから時間をかけて勉強してゆきます。
ありがとうございました。

通報する

お礼日時：2009/01/20 15:25

No.2

回答者： grumpy_the_dwarf
回答日時：2009/01/20 00:32

無駄なTABLEと無駄なDIVの嵐でとても判読しにくいですが、TABLE

に対してbackground属性を指定していますね。background属性は、
body専用なので、TABLEには使えません。表示されないのが正常な
姿です。スタイルシートを使ってください。

ついでにいうと、bodyに指定された属性値の中でonLoad以外に実在
するのはわずかにtextとbgcolorだけで、しかも両方ともスタイル
シートで代用可能なため非推奨です。他の実在しない属性をGoLive
が吐き出すとも思えないので、なにか恐ろしく間違った情報を元に
いじっていると想像します。他にも、MacOSXでGoLiveのスタイルラ
イブラリを使おうとしたらしき情報が、個人情報込みで含まれてい
ますよ。気をつけましょう。

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございます。
background属性はbody専用なのですね。
本を参考に試行錯誤していたら出来てしまったので、そのまま使ってしまっていました。
ご指摘ありがとうございました。
正しい方法を勉強していかなくてはこのような不備が出て来てしまうという事を痛感いたしました。
これから時間をかけて勉強してゆきます。

通報する

お礼日時：2009/01/20 15:25

No.1

回答者： noname#100277
回答日時：2009/01/19 23:07

http://openlab.ring.gr.jp/k16/htmllint/htmllint. …
http://validator.w3.org/

でサイトのエラーチェックしましたが、減点多少の多さに呆れてます。
該当サイトは自分のですか？
ならば、減点に成った箇所を地道に修正しましょう。

其の上で表示に差異が出るならブラウザでの構文チェックの仕様として諦める。
Firefoxは他のブラウザよりも厳格に反映しますから。