- ベストアンサー
大きい画像の中央をウィンドーの中央に
624×2948（幅がウィンドの3倍）の画像の横位置を中央表示させたいのですが、ウィンドーの左上と画像の左上が一致した表示にしかなりません。 中央同士を一致させ、画像の両端はスクロールさせて見てもらうカタチにしたいのですが、いい方法はないでしょうか？？ Dream weaver3で作ってますがタグでも挑戦しますのでよろしくお願いします。
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
こんにちは！ 確認してみましたが、ネスケ4.7では横のアンカーポイントには対応していないかも知れませんね。 ネスケ7.0でしたら出来ました。 前回お答えしたスペーサーうんぬん・・というのは ＞ネスケでは表示されていると思っていたのですが、ＩＥ同様右側に映らない部分があって、そこを埋めるように左側の画像が表示されてしまいます。 これに対する対応の回答でした・・ しかもスペーサーの挿入では解決もしないという・・結局間違った解答でした。 更に、質問を取り違えての回答・・(;^_^A ＞スペーサーを入れるというのは cellspacing="0" というタグのことでしょうか？ （これの働きがイマイチ理解できていないのですが） スペーサーGIF（1ピクセルの透明画像）のことでした。 cellspacing="0" はテーブルに指定する属性でセルとセルの間隔を指定します。 **************************************** 改めて・・ IEの現象ですが、こちらでは確認できません。 それから、ネスケの4.7ですが、これはどうしようもありませんね・・。 私はこのブラウザは以前は一応確認していましたが、よっぽどひどい状態でない限り無視していました。 初心者でしたらほとんどIEを使用していると思いますし、こだわりがあって、ネスケを使っている人は、詳しい方が多いと思いますので7.0～にバージョンアップしているだろうと・・・。 もちろん勝手に思っているだけですが・・ とりあえず原因（IEの右側３分の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では上手く行くと思いますが・・ 背景として使いたい場合はテーブルを入れ子にした方がいいかもしれません。 一つのセルの画像の大きさのテーブルを作り、背景に画像を指定。 そのテーブルのセルの中に前回のテーブルをそのまま挿入します（当然背景はなしです）
その他の回答 (4)
こんにちは！ 今仕事中で確認が出来ないのですが、 とりあえずテーブルの両サイドのセルにもスペーサーを入れてみてください。 私は最近ネスケでの確認を怠っているのですが・・ （というか、Webページを最近作っていない・・・） ネスケではテーブルに背景を入れたときのトラブルが結構あったように記憶しています。 また夜にでも再確認してみます・・。 ちなみにネスケのバージョンは・・？
お礼
どうもありがとうございます！ ネスケは4.7です。 そして、ネスケでは表示されていると思っていたのですが、ＩＥ同様右側に映らない部分があって、そこを埋めるように左側の画像が表示されてしまいます。 スペーサーを入れるというのは cellspacing="0" というタグのことでしょうか？ （これの働きがイマイチ理解できていないのですが） 入れてみても結果は同じでした。 他の質問をした時、ＩＥでも表示できると言っていた方がいるので、何か別の設定の問題なのかもしれません。。。 ↓ http://oshiete1.goo.ne.jp/kotaeru.php3?q=704386
こんにちは！ 完全な中央表示には出来ないのですが、 ちょっとしたヒントにでもなれば・・ <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> こんな感じで３列のセルのテーブルを一つ用意します。 真ん中のセルの横を右寄せ、縦を上、に指定してスペーサーGIFを挿入。それにアンカーポイントを指定します。 これとは別にトップページを空白で作ります。 メタ情報（キーワードなど）だけを乗せておき、 ヘッド部分にトップページが開いたらすぐにメインページのアンカーポイントに飛ぶように設定します。 <META http-equiv=refresh content=0;URL=****.htm#aaa> これで、アンカーポイントの場所で開くようになります。 ただこの場合アンカーポイントの場所がブラウザの右側が基準になりますので見ている人のブラウザの大きさによってズレが出来てしまいます。
お礼
お世話になってます！ 大感動です！中央表示ができました！！！すごーい！ でも問題が一つあって、ネスケでは中央表示にならず、 ＩＥでは、念願の中央表示が叶うのですが、右側３分の1が 正常に表示されず、左側の３分の１を表示してしまうんです。 意味が伝わっているかしら？ しかも、これはこの場合に限らずで、サイズを大幅に小さくしない限り、左頭が端にくる通常の表示の場合でもそうなってしまうんです。 作業をしているのは主にibook G3 256MBですが、タワーのマックでも全く同じで、ネスケでは表示できるのでスペックの問題ではないんじゃないかなと素人ながらに考えているのですが、、、。 心当たりあればでいいんですが、アドバイスお願いします。
画像をウィンドウの中央に表示する http://www.openspc2.org/reibun/javascript/image/029/index.html 画像をウィンドウの中央に表示する（Netscape, Safari） http://www.openspc2.org/reibun/javascript/image/030/index.html これで一応は画像の中央が表示されるのですが なぜか左へスクロールできません(ーー;)
お礼
ありがとうございます。 試してみたところ、中央に画像をはめ込む事はできるのですがウィンドーを開いた時に表示されるのが画像のセンター部分にならいんですよね。 背景にしてしまってもいいのでそれなら方法ありますかね。。。 なんしか、アドバイスありがとうございます！！
非常に分かりにくい説明になってしまうけど ＡページのリンクからＢ（画像）ページへジャンプして表示するとしたら Ｂ（画像）ページにnameを使用すれば質問のことが可能かな？ Ｂ（画像）ページにテーブルを作成（縦2×横1） 上段は適当な文字（背景と同色にする）にname属性を付け 表示位置をスタイルで設定する。 Ａページ <BODY> <A href="***.htm#a">111111111111111111111</A> </BODY> Ｂ（画像）ページ <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;"の 数値は任意に変更してリンクしたときに中央に位置する数値にする。
お礼
早速回答ありがとうございます！ できれば一つのウページで作りたいのですが、それだと不可能でしょうか。。 スクロールを途中で止めた状態でも画面がみれるようにしたいんです。
お礼
丁寧な回答ありがとうございます。 最近、あまりマメにＰＣをチェックできる環境でなくて、 質問しておきながらお礼が遅れてしまいがちで失礼しています。 まだ今回のアドバイスも実践できていなくて、 今夜チャレンジする予定です。 私もネスケは気にしない事にしました。 アンカーポイントという手段を知らなかったので勉強になりました！
補足
遅くなりましたが、タグを使わせていただきました。 やはり、画像が正常に表示されず、1.5倍の横のばしになって、右側３分の１が表示されませんでした。 タグの問題ではなく、私のPCか、何かの設定がおかしいんだと思います。 改めて調べて見ます。 でも、いい方法を教えていただいて、大変勉強になりました！！カンゲキ！！ 知人のPCなどでも試してみます。 どうも、ありがとうございました。