解決済
ブログに投稿した画像が上手く表示されません…
ブログに投稿した画像の上半分ぐらいが上手く表示されません。下半分ぐらいは表示されており、クリックすると普通の画像が表示されます。
どのようにすれば、きちんと表示されるようになるでしょうか？
CSSを見てもどう直せば良いか分からないので、お教え頂けたら嬉しいです。
只今ブログのデザインは「Natural Letter（3カラム）」です。
少しカスタムしておりますが、大体は同じです。
状況を見て頂いた方が分かるかと思いますので、URLも貼っておきます。
もしかしたら他のパソコンでは普通に表示されているのかもしれません。
その辺のこともお教え頂けたら幸いです。
よろしくお願い致します。
2006-07-18 19:06の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
コメント(5)
#1. 060731
2006-07-18 20:20:09
IE6だと画像の上が切れますが、Firefoxだと切れません
原因はトップの画像
http://parts.blog.livedoor.jp/img/usr/natural_lett...
が下に細長く、これにブログ本文をかぶせるように表示するために #blog{ のところで
margin-top:-150px;というふうにマイナスのマージンをとっているため、ブラウザによっては写真にかぶるようです
私はブログデザインが不得手なので、トップの画像を短くして対処するか、デザインを変更するくらいしか思いつきません
他にブログデザインに詳しい方々がいらっしゃるので、その方々の回答で解決すると思います
#2. 望
2006-07-19 01:50:34
えむの国さま。
コメントありがとうございます。
なるほど、別のブラウザで見ると表示されたりするのですね。
私は基本的にＩＥで見ています。
そういうことも書いていた方が分かり易かったですよね。
原因について、画像を確認したら確かに下に長いようですね。
画像の編集をしたら大丈夫そうな気がしました。
私は今までタイトル画像の上にブログ本文が乗っている感じに思っておりましたが、違うようですね。
勉強になりました。
ありがとうございます。
#3. 望
2006-07-19 01:54:27
のにゅさま。
回答ありがとうございます。
どうやら一番上に表示される記事の画像が切れるようですので、トップ画像に原因があるようです。
トップ画像を編集してみようと思います。
ありがとうございました。
#4. 望
2006-07-19 02:21:01
先ほど急いでトップの画像を編集して試してみたところ、状態が改善出来ませんでした。
一応、トップの画像の白い部分を透明化してみたのですが、背景の茶色の模様は映っても、切れた画像の上部は表示されませんでした。
画像をトップ画像の上に乗せるようなＣＳＳの書き方はあるのでしょうか？
もう暫く回答をお待ちしたいと思います。
すみません。
#5. 望
2006-07-19 22:31:25
先程CSSをいじって
margin-top:-150px;
の部分を
margin-top:-80px;
という風にした所、無事表示されるようになりました。
えむの国さま、のにゅさま。
お答え頂きありがとうございました。
