• ベストアンサー

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

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>

  1. カテゴリ
  2. インターネット・Webサービス
  3. その他（インターネット・Webサービス）

関連するQ&A

  • ブラウザの画像表示が簡略化？

    インターネットＷＥＢブラウザでの画像表示でjifは２色刷り，jpegは粗いモザイク，大きなサイズのjpegは×表示となってしまいます。 ブラウザはＩＥ６．０（オペラでも同様の現象）で以前ダウンロードしていたものは正常に表示出来ます。 Ａｉｒ－Ｈ”（エアエッジ）なので通信速度が遅いのが原因かと考えておりますがはっきりした結論が出せません。 理由，対処法などがありましたらアドバイス下さい。 なお、ときたま正常に表示するときもあります。

  • 画像がブラウザーに表示されない

    HPにアップする前に確認で画像を見るとちゃんと表示されているのですが、アップするとなぜか画像が×になってしまいます。 （IE5.5を使っています。） 表示させるにはどうしたらいいでしょうか？

    • ベストアンサー
    • HTML
  • 特定のブラウザで動作しません

    いつもお世話になっております。 フリーのスクリプトを設置しましたが 特定のブラウザでうまく動作しません。 ページにアクセスすると、用意させた背景イメージがランダムで読み込まれるというスクリプトです。 さらに、CSSで背景位置や繰り返しを設定できるようになっています。 IE6.0では問題なく動作するのですが Opera7.23とNetScape7.1で動作しません。 動作しないだけではなく、一緒にUPしているテキストと画像も全く見えなくなり ページが真っ白に表示されてしまいます。 スクリプトを全て外すと、テキストも画像も表示されました。 ブラウザはWinXP・HOMEと、Pro両方。 HP作成ソフトはHPビルダーですが 自動構文チェックは外していますし 念のためテキストで開いて更新もしてみましたが、やはりダメでした。 もとのスクリプトは画像へのパスくらいしかいじっていません。 また、他のスクリプトやCSSは同時に設定していません。 他に考えられる原因はあるでしょうか？ なお、配布元には OperaでもNetScapeでも、バージョン6.0以上なら 動作すると書いてあるのですが・・・ 配布元にももちろん問い合わせたのですが なかなかレスがつかないので、こちらでも質問してみました。 よろしくお願いします。

  • Netscapeの画像表示できるもの、できないもの

    　Netscape4.78で画像表示させているのですが 「img」タグでbmpに代表される、表示できない 画像圧縮もしくは拡張子のことが知りたいのです。 　画像だったらなんでもアップロードできて、jspを使い ブラウザ（Netscape4.78を使用　IEは不可）で表示させる アプリケーションを作成しているのですが、とにかくなんでも アップできてしまうので、表示できない拡張子のものは閲覧 できないようにしなければいけないので・・・ 　また、どこかそういった情報を載せているサイトがあれば 教えてください。よろしくお願いします。

  • ブラウザでの表示の違い

    分け合って、タグにCSS直打ちでのレイアウトをしているのですが、IE6以外では表示が崩れてしまいます。 以下の記述で、目指しているのはIEでの表示結果です。 実際正しいのは、その他のNetscapeやFireFox、Operaで見た時のものなのだと思うのですが、どうすればうまく表示できるでしょうか。 やはり、どのブラウザでも全く同じ表記にするのは無理なのでしょうか。

    • ベストアンサー
    • HTML
  • GoLiveで作ったHPのブラウザ表示

    GoLive CS2でHPを作成しています。 GoLiveで作ったHPをIE6とoperaで確認してみたのですが、表示がそれぞれ異なっています。 具体的に言うと一番上に表示されている画像や文字がoperaでは隙間無く表示されているのですが、IEでは一文字分程度の空きができてしまっています。空きができないようにするにはどの部分をいじればいいのでしょうか？ それから、より多くのブラウザでレイアウトが崩れないようにするにはどこを意識して作ればいいのでしょうか？ ご教授お願いします。

  • 表示が早いブラウザ

    使っていてあまり早いとは思わないのですが、Operaって表示が速いブラウザなんですか？ 寧ろ、遅い、重たいイメージがあります。 Opera以外で表示が速いブラウザってありますか？ IE、Firefox、lunascape、Slepnirがありますが。

  • ブラウザ上での PNG 画像の表示のことで

    Windows 98 上の Netscape Communicator 4.75 で、あるページを開きましたら、表示されない画像がありました。 ↓ その画像を保存してみましたら、○○○.png と表示されました。 ↓ それをダブルクリックしてみましたら、Microsoft Photo Editor（3.0）が起動しましたが、 「種類を特定できません。」という警告が出て、何も表示されませんでした。 ------ OS なりブラウザのバージョンが古いとかのせいでしょうか？ 今の環境で、この形式の画像が普通に表示されるようにする方法はありますでしょうか？

  • IEでローカルの画像が表示できません　アップロードすると表示できます

    WEBをPCで作成し、ブラウザチェックをすると、IE7やIEテスター（どのバージョンでも）画像が表示できません。他のブラウザ（Firefox3、Opera9、Netscape7、Safari）では正しく表示されます。 アップロードすれば、IEでも正しく表示されます（表示できないのはローカルの画像だけです）。 ブラウザの表示調整のために、いちいちアップロードするのは面倒なので、この状態を修復したいのですが、どなたか良い方法を教えていただけませんか。 他の類似の質問の解答に習い、IEの再インストール、ファイル関連付けの修復、レジストリへのFEATURE_BLOCK_LMZ_IMGの登録も試みましたが、解決しませんでした。

  • operaでの画像表示の遅さ

    軽いと評判のタブブラウザ、operaを入れてみたのですが、 軽いと言われている割に全然速くなく、重く、おかしいなという 感じを受けています。 特に、ページ上の画像表示がもの凄く遅いです。 この教えてgooのサイトも他のブラウザでも確かに重めで 重いサイトだと思っていたのですが、operaで教えてgooを閲覧している時の重さが尋常じゃありません。 右の広告は表示されるのに20秒以上かかるし、 上の麻雀の広告に至っては延々「モザイク画像」みたいな表示で止まって、 40秒ぐらい待たないとまともに画像が表示されない　と いった感じの遅さなのです。operaは。 以前はDonutRaptを使っていて、こちらは確かに軽くて画像表示も 軽かったのですが、ＩＥ系のタブブラウザなのでＩＥのエラーが影響する事が余りにも多くてＩＥと共に使用するのを止めました。 お伺いします。 今日はじめてoperaを入れたばかりの私ですが、 とにかく軽く軽ければ軽いほどいいのです。 パソコンの ＯＳはwindowsXP、メモリは２５６ＭＢです。 教えていただきたいのは、 １．なぜ画像表示（GIF関係の？広告やロゴなどが特に遅い）が 　　　　こんなにも遅いのか？そしてそれを改善する手段は 　　　　あるのでしょうか？ ２．文字入力中にいちいち文字の下に赤い線がoperaは入るのですが 　　　邪魔なので表示させないようにしたい。 ３．operaだとＨＰ上に表示されている「ボタン」（教えてgooだと 　　　　　「教えて！検索」「まとめて検索」などのボタン） 　　　　が何故か他のブラウザより小さく細く表示されてしまいます。 　　　　　ボタンを普通サイズで表示させたい。 ４．operaより軽くてＩＥ系のエンジンじゃないブラウザがあれば 　　　　教えて欲しい。 です。 初心者ゆえこんなぶしつけな質問になってしまい大変申し訳ありません。 教えて頂ければ幸いです。 宜しくお願いいたします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する