• ベストアンサー

ブラウザ上で画像が縦長に表示されてしまいます

HPに画像をアップしたところ、特定の画像について、ブラウザ上で縦長に表示されてしまいます。 Opera9.24、Netscape5.1、IEでそれぞれ試してみたのですが、どれも同じでした。 どのような理由が考えられるでしょうか?よろしくお願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
  • kuti3
  • ベストアンサー率44% (21/47)
回答No.3

<img src="wall_of_dormitory20%25.jpg" title="" alt="寄宿舎の壁" style="width: 516px; height: 728px;">&nbsp; 横=516px、縦=728px の指定で縦長に指定して有るのでwall_of_dormitory20 25.jpgの画像はその大きさに表示されてしまいます。 単に、width: 728px; height: 516px; の間違いだったりして?

ateamkong
質問者

お礼

ご回答いただきありがとうございます。 元々縦長な画像だったのですが、実際の画像より縦を長く指定していたようです。普段ソースを編集する事がないので、気づきませんでした。 どうもありがとうございます!

その他の回答 (2)

  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.2

元画像のサイズいくつですか? その画像は横長の画像ですか? 516px×728pxだと元々縦長ですが…

ateamkong
質問者

お礼

ご回答いただきありがとうございます。 縦長の画像が、より縦長に表示されていたのですが、ソースと画像とでサイズに食い違いがあったようです。不足があり申し訳ありません。 ご指摘頂きありがとうございます。

  • kuti3
  • ベストアンサー率44% (21/47)
回答No.1

HPのURLを書いてくれたら、視認してのアドバイスが受けられると思います。 または、HTML文をコピペしてはいかがでしょう。

ateamkong
質問者

補足

ご指摘ありがとうございます。 ソースにて失礼いたします。よろしくお願いします。 <html> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <title>寄宿舎の壁</title> </head> <body style="color: rgb(0, 0, 0); background-color: rgb(0, 0, 0);" link="#000000" vlink="#000000" alink="#000000"> <div style="text-align: center;"><br> <br> <br> <img src="wall_of_dormitory20%25.jpg" title="" alt="寄宿舎の壁" style="width: 516px; height: 728px;">&nbsp; <br> <br> <big><br> <a href="melancholy.html" style="color: rgb(255, 255, 255);"><font size="+1"><big><span style="font-family: times new roman,times,serif;">back</span></big></font></a></big> <br> </div> </body> </html>

関連するQ&A

専門家に質問してみよう