• ベストアンサー

大きい画像の中央をウィンドーの中央に

624×2948(幅がウィンドの3倍)の画像の横位置を中央表示させたいのですが、ウィンドーの左上と画像の左上が一致した表示にしかなりません。 中央同士を一致させ、画像の両端はスクロールさせて見てもらうカタチにしたいのですが、いい方法はないでしょうか?? Dream weaver3で作ってますがタグでも挑戦しますのでよろしくお願いします。

  • HTML
  • 回答数5
  • ありがとう数7

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

  • ベストアンサー
noname#107580
noname#107580
回答No.5

こんにちは! 確認してみましたが、ネスケ4.7では横のアンカーポイントには対応していないかも知れませんね。 ネスケ7.0でしたら出来ました。 前回お答えしたスペーサーうんぬん・・というのは >ネスケでは表示されていると思っていたのですが、IE同様右側に映らない部分があって、そこを埋めるように左側の画像が表示されてしまいます。 これに対する対応の回答でした・・ しかもスペーサーの挿入では解決もしないという・・結局間違った解答でした。 更に、質問を取り違えての回答・・(;^_^A >スペーサーを入れるというのは cellspacing="0" というタグのことでしょうか? (これの働きがイマイチ理解できていないのですが) スペーサーGIF(1ピクセルの透明画像)のことでした。 cellspacing="0" はテーブルに指定する属性でセルとセルの間隔を指定します。 **************************************** 改めて・・ IEの現象ですが、こちらでは確認できません。 それから、ネスケの4.7ですが、これはどうしようもありませんね・・。 私はこのブラウザは以前は一応確認していましたが、よっぽどひどい状態でない限り無視していました。 初心者でしたらほとんどIEを使用していると思いますし、こだわりがあって、ネスケを使っている人は、詳しい方が多いと思いますので7.0~にバージョンアップしているだろうと・・・。 もちろん勝手に思っているだけですが・・ とりあえず原因(IEの右側3分の1・・)が分かりませんので、次の方法をお試し下さい。 <body> <table width="2950" height="1" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="1000"><img src="spe.gif" width="1" height="1"></td> <td width="1000" align="right"><a name="aaa"><img src="spe.gif" width="1" height="1"></a></td> <td width="950"><img src="spe.gif" width="1" height="1"></td> </tr> </table> <img src="***.jpg" width="2950" height="670"> </body> これは前回とほとんど同じなのですが、背景に画像は入れずに1ピクセルの高さのテーブルを用意します。 今回は全てのセルにスペーサーGIFをいれました。 後は同じで、真ん中のセルのスペーサーにアンカーポイントを設定します。 そのテーブルの下に普通に画像を挿入します。 これで、IEでは上手く行くと思いますが・・ 背景として使いたい場合はテーブルを入れ子にした方がいいかもしれません。 一つのセルの画像の大きさのテーブルを作り、背景に画像を指定。 そのテーブルのセルの中に前回のテーブルをそのまま挿入します(当然背景はなしです)

tesayuma
質問者

お礼

丁寧な回答ありがとうございます。 最近、あまりマメにPCをチェックできる環境でなくて、 質問しておきながらお礼が遅れてしまいがちで失礼しています。 まだ今回のアドバイスも実践できていなくて、 今夜チャレンジする予定です。 私もネスケは気にしない事にしました。 アンカーポイントという手段を知らなかったので勉強になりました!

tesayuma
質問者

補足

遅くなりましたが、タグを使わせていただきました。 やはり、画像が正常に表示されず、1.5倍の横のばしになって、右側3分の1が表示されませんでした。 タグの問題ではなく、私のPCか、何かの設定がおかしいんだと思います。 改めて調べて見ます。 でも、いい方法を教えていただいて、大変勉強になりました!!カンゲキ!! 知人のPCなどでも試してみます。 どうも、ありがとうございました。

その他の回答 (4)

noname#107580
noname#107580
回答No.4

こんにちは! 今仕事中で確認が出来ないのですが、 とりあえずテーブルの両サイドのセルにもスペーサーを入れてみてください。 私は最近ネスケでの確認を怠っているのですが・・ (というか、Webページを最近作っていない・・・) ネスケではテーブルに背景を入れたときのトラブルが結構あったように記憶しています。 また夜にでも再確認してみます・・。 ちなみにネスケのバージョンは・・?

tesayuma
質問者

お礼

どうもありがとうございます! ネスケは4.7です。 そして、ネスケでは表示されていると思っていたのですが、IE同様右側に映らない部分があって、そこを埋めるように左側の画像が表示されてしまいます。 スペーサーを入れるというのは cellspacing="0" というタグのことでしょうか? (これの働きがイマイチ理解できていないのですが) 入れてみても結果は同じでした。 他の質問をした時、IEでも表示できると言っていた方がいるので、何か別の設定の問題なのかもしれません。。。 ↓ http://oshiete1.goo.ne.jp/kotaeru.php3?q=704386

noname#107580
noname#107580
回答No.3

こんにちは! 完全な中央表示には出来ないのですが、 ちょっとしたヒントにでもなれば・・ <body> <table width="2950" height="624" border="0" cellpadding="0" cellspacing="0" background="***.jpg"> <tr> <td width="1000">左</td> <td width="1000" align="right" valign="top"><a name="aaa"><img src="spe.gif" width="1" height="1"></a></td> <td>右</td> </tr> </table> </body> こんな感じで3列のセルのテーブルを一つ用意します。 真ん中のセルの横を右寄せ、縦を上、に指定してスペーサーGIFを挿入。それにアンカーポイントを指定します。 これとは別にトップページを空白で作ります。 メタ情報(キーワードなど)だけを乗せておき、 ヘッド部分にトップページが開いたらすぐにメインページのアンカーポイントに飛ぶように設定します。 <META http-equiv=refresh content=0;URL=****.htm#aaa> これで、アンカーポイントの場所で開くようになります。 ただこの場合アンカーポイントの場所がブラウザの右側が基準になりますので見ている人のブラウザの大きさによってズレが出来てしまいます。

tesayuma
質問者

お礼

お世話になってます! 大感動です!中央表示ができました!!!すごーい! でも問題が一つあって、ネスケでは中央表示にならず、 IEでは、念願の中央表示が叶うのですが、右側3分の1が 正常に表示されず、左側の3分の1を表示してしまうんです。 意味が伝わっているかしら? しかも、これはこの場合に限らずで、サイズを大幅に小さくしない限り、左頭が端にくる通常の表示の場合でもそうなってしまうんです。 作業をしているのは主にibook G3 256MBですが、タワーのマックでも全く同じで、ネスケでは表示できるのでスペックの問題ではないんじゃないかなと素人ながらに考えているのですが、、、。 心当たりあればでいいんですが、アドバイスお願いします。

noname#10926
noname#10926
回答No.2

画像をウィンドウの中央に表示する http://www.openspc2.org/reibun/javascript/image/029/index.html 画像をウィンドウの中央に表示する(Netscape, Safari) http://www.openspc2.org/reibun/javascript/image/030/index.html これで一応は画像の中央が表示されるのですが なぜか左へスクロールできません(ーー;)

tesayuma
質問者

お礼

ありがとうございます。 試してみたところ、中央に画像をはめ込む事はできるのですがウィンドーを開いた時に表示されるのが画像のセンター部分にならいんですよね。 背景にしてしまってもいいのでそれなら方法ありますかね。。。 なんしか、アドバイスありがとうございます!!

noname#10926
noname#10926
回答No.1

非常に分かりにくい説明になってしまうけど AページのリンクからB(画像)ページへジャンプして表示するとしたら B(画像)ページにnameを使用すれば質問のことが可能かな? B(画像)ページにテーブルを作成(縦2×横1) 上段は適当な文字(背景と同色にする)にname属性を付け 表示位置をスタイルで設定する。 Aページ <BODY> <A href="***.htm#a">111111111111111111111</A> </BODY> B(画像)ページ <BODY> <TABLE border="0"> <TBODY> <TR> <TD style="position : absolute;left : 2000px;"><A name="a"><FONT color="#ffffff">1</FONT></A></TD> </TR> <TR> <TD><IMG src="***.gif" width="2948" height="624" border="0"></TD> </TR> </TBODY> </TABLE> </BODY> style="position : absolute;left : 2000px;"の 数値は任意に変更してリンクしたときに中央に位置する数値にする。

tesayuma
質問者

お礼

早速回答ありがとうございます! できれば一つのウページで作りたいのですが、それだと不可能でしょうか。。 スクロールを途中で止めた状態でも画面がみれるようにしたいんです。

関連するQ&A

  • CSS | 中央寄せと背景

    こんにちは、 添付画像を見ていただけるとわかりやすいと思うのですが、 コンテンツの中央寄せにおいて、ウィンドウ幅があるピクセル数を超えた時点で、 背景を出現させることはできるのでしょうか? また、コンテンツ幅800px、inner-wrapper幅1000px、outer-wrapper幅1200px、 といったページを左上角固定で制作する場合に、 inner-wrapperまでは横スクロールを表示、outer-wrapperには横スクロールを表示させない、言い換えるとウィンドウ幅が999pxまでは横スクロールバーが表示され、1000pxになった時点で横スクロールバーが非表示にすることは可能なのでしょうか。 bodyに overflow: hiddenをかけると横スクロール自体が表示されなくなってしまうので。 ご存じの方、よろしくお願いします。

    • ベストアンサー
    • HTML
  • IEでの画像表示がうまくいかない

    幅が3000ピクセル近くある大きな画像を(縦は630程) 背景にして、(Dream weaver3で作成)ブラウザでの表示を確認すると、 (そのままでは左3分の1しか表示されないため画像と同幅のテーブルを配置して画面がスクロールされるようにしています) ネスケではちゃんと表示されるのですが、 IE上では右側3分の1程が切れいて、かわりに左側3分の1の画像が表示されるという状態になってしまいます。 背景ではなく、ページ上に普通に配置した場合は、 こちらもIEのみ画像が横に1.5倍程拡大された表示になります。 IEでは大き過ぎる画像はうまく表示されないのでしょうか? アドバイスをお願いします!!!!

    • ベストアンサー
    • HTML
  • 画像の大きさ関係無しに中央に表示させたい

    調べたのですがわからなかったので質問させてください。 ムービーシンボルに外部から読み込んだjpeg画像を表示させるFLASHを作成しています。 表示させるところまではできているのですが… どんな大きさの画像でも中央に表示させたいと思っているのですが、読み込んだ時にシンボルの中心点?(十字になっているところです)から右下に画像が表示されてしまうため、特定の大きさの画像では中央にあるように見せる事はできても、画像の大きさが異なると中央になってくれません。 actionscriptでシンボルの開始位置を _x=(ドキュメントの横幅-画像の横幅)/2 _y=(ドキュメントの縦幅-画像の縦幅)/2 とすればうまくいくような気がするのですが、 画像の幅を知る方法がわからない状態です。 どのようにすれば画像の大きさ関係なく、中央に表示してくれるでしょうか? アドバイスをお願いします。

    • ベストアンサー
    • Flash
  • Flash画像の中央表示

    ただいまHPを作成しているのですが、例えばSWFなどの画像を メインフレームの横中央は中央合わせで簡単にできるのですが 縦位置の中央は指定できないのでしょうか? ウィンドウサイズを変えても縦横中央にswf書類を表示させたいのです。 jpgなどもそのように表示させたいのですが、縦位置での中央の指定のやり方がわかりません。 どうぞよろしくお願いいたしますm(__)m

  • ホームページを中央に配置(表示)したい

    ドリームウィーバーを使っています。作ったDivタグを中央に配置したいと思い、cssルールで、「ボックス」の「マージン」の左右をautoにしました。すると、safariではうまく中央表示されるのですが、firefoxでは左揃えになってしまいます。どうしたらいいか、教えてください。

  • 3つの画像を中央に寄せて表示させたい

    ライブドアブログを使っています。 記事の中で、画像3つを中央に寄せて、横に並べて表示させるには、どうしたらいいのでしょうか? 他の質問を見ると以下のタグの、 <a href="http://image.blog.livedoor.jp/***.jpg" target="_blank"><img src="http://image.blog.livedoor.jp/****/imgs/***.jpg" width="159" height="130" border="0" alt="******" hspace="5" class="pict" align="●●●●"/></a> ●●●●の部分を、left、center、rightにしたら良い。とあったのですが、それだと、それぞれが離れすぎてしまい、間抜けな感じになってしまいます。 ですので、3つの画像を横に並べて、中央に寄せて表示させるにはどうしたらよいのでしょうか? ■を画像としますと、 今の状態が ■   ■   ■です。 中央に寄せて横に並べるというのは        ■■■です。 教えてください。よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • iframeのスクロールバー位置を保持した状態で印刷

    iframeのスクロールバー位置を保持した状態で印刷 HTMLで、iframeの内部に画像を表示しています。 画像のサイズがiframeのサイズよりも大きいためスクロールバーがあるのですが、 表示させたい位置にスクロールバーを移動させた状態で印刷しようとすると、 表示位置がiframeの左上(画像の左上)に戻ってしまいます。 スクロールバーの位置を保持した状態で印刷することは可能でしょうか? スタイルシート、javascriptも利用可能です。

  • 画像の位置を変えるタグについてですが・・

    画像の位置を変えるタグについてですが・・ 「左寄せ」「中央」「右寄せ」の画像の位置を変えるタグは ありますが、少しだけ右にずらしたい時などのタグは ありますでしょうか? 例えば、画像が左に寄りすぎているので 全角スペース 1つ分程度、右にずらしたい というような感じです。 宜しく御願いします。。

  • 中央にリンク画像をするとリンクができない(HTML

    超初心者なので初歩的な質問ですが・・・ リンク画像を画面中央に配置したいと思ったのですが <center>~</center> のタグで中央にするとリンクができません。 (指マークがでない状態) 画像は表示されてます。 <center>~</center> で、挟まなければちゃんとリンクできる状態です。 でも左揃えになっています・・・ 何が原因かさっぱり分かりません・・・ 前日はセンター揃えできちんとリンクができました。 ちょっと画像を変えたりしていたので、 どこかをいじったらしくリンクができない状態に。汗 背景と同化するテーブルをつかってみたのですが 結局コレも中央に配置するには<center>~</center>。 これでもリンクできません。 う~ん・・・<center>~</center>以外で中央配置のタグはありますか?原因は何が考えられるのでしょう

  • 背景画像を中央に固定するには?ビルダー9

    ホームページビルダーV9を使って作っているのですが、今までウィンドウズXP環境で作成、表示させていた時は出来ていたのに、Vistaに変えてから自分で作ったページを見ると、背景画像だけが中央に表示されず、左側に固定?されているよう(ひっぱられている感じ)で背景画像が切れて見えなくなってしまっています。 ウィンドウの幅を変えるとある一定のところでは中央に来るのですが、誰が見てもちゃんと表示されるようでなければ意味がないので。 文字はちゃんと中央に固定、表示されているのでウィンドウの大きさを変えても今まで通り、表示されています。 背景画像も中央に固定させて表示させるのはどうしたらよいのでしょうか? パソコンはVista、ソフトはホームページビルダー9の標準モードです。 宜しくお願いします。 因みに、このような不具合はVistaに変えたからでしょうか?