ウェブページの表示位置についてお願いします。

前へ 次へ
このQ&Aのポイント
  • ウェブサイトのコーディングでウェブブラウザ上（IE）での表示位置に困っています。
  • 問題点は、上部マージンの設定が上手く行かないことと、指定した範囲のみをウィンドウで表示したいことです。
  • java scriptを使用してウィンドウの表示位置を制御する方法を知りたいです。
回答を見る
  • ベストアンサー

ウェブページの表示位置についてお願いします。

現在、ウェブサイトのコーディングをしているのですが、 ウェブブラウザ上（IE）での表示位置について困っています。 問題点は、 １.ウィンドウの上部分のマージン <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> の方法でを試してみたんですが、どうしても上手く行きません。 2.ウィンドウの表示位置 ページを開いたときに ページ本文の指定した範囲のみをウィンドウで表示したいのですが、 java scriptで可能でしょうか？ 分かり辛い説明で申し訳ありません。。。 補足の画像を添えさせていただきます。 どうかご教示、よろしくお願いいたします。

画像を拡大する

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

  • ベストアンサー
  • dell_OK
  • ベストアンサー率13% (739/5638)
回答No.2

２．ウインドウの表示位置について。 表示の開始位置までスクロールさせる方法があります。 </head>の前などに以下のコードを入れてみてください。 <script language="JavaScript"> <!-- //指定位置までスクロールする関数 function move_top(){ window.scroll(0,100);//指定位置までスクロール } //読み込み時にmove_top関数を呼ぶ window.onload = move_top; //--> </script> </head> 補足。 scroll(Ｘ座標,Ｙ座標)：座標はピクセル単位だと思いますが、実際に表示してみて確認しながら指定してみてください。 おわび。 この方法では表示の開始位置しか指定できません。 「表示したい範囲」となると、ブラウザのサイズを変更する手続きか、範囲外を非表示にするかあるいは範囲のみを表示する手続きが必要になってきます。 ブラウザのサイズを変更するのは閲覧者にとって不都合だったりしますし、範囲の非表示／表示は少々面倒な手続きが必要になってきますので、私は考えませんでした。

mune_yam
質問者

お礼

返信が遅くなってしまい、申し訳ございません.... dell_OKさん。ありがとうございました！ 確かに、範囲というよりは、開始位置の設定ですね。 これをしたくて、ずっと悩んでいたんですが、 仰るとおりにしてみたら解決できました！

その他の回答 (1)

  • dell_OK
  • ベストアンサー率13% (739/5638)
回答No.1

１．ウインドウの上部分などのマージンについて。 <body style="margin-top : 0px;margin-left : 0px;margin-right : 0px;margin-bottom : 0px;"> たまたま、私も昨日その必要があってはじめてやってみたのですが、これでなんとかできました。

mune_yam
質問者

補足

ありがとうございます！ ご紹介頂いた方法なのですが、 私も何度か試してみたものの上手くいきません... どこが問題なんだろう...んん～...

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • 画面下にバーをいっぱいに表示する

    画面の上部については、余白なく <body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> で表示できたのですが、 以下のサイトのように http://www.aimix.jp/bodymag.html 画面一番下も色塗りバーでいっぱい表示する場合にはどのようにすれば宜しいのでしょうか？

    • ベストアンサー
    • HTML
  • フレームページの隙間

    フレームページを作ったのですが、フレームの間の隙間をなくしたのですがどのようになくすのか解りません。どうか教えて頂けないでしょうか。お願します。 実際のソースコート <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META name="GENERATOR" content="IBM HomePage Builder 2001 V5.0.0 for Windows"> <TITLE>もっくもっく</TITLE> </HEAD> <FRAMESET rows="155,*" frameborder="0" border="0" framespacing="0" framepadding="0"><!-- 上のフレーム --> <FRAME src="osawa1.html" name="1" scrolling="no" noresize topmargin="0" marginheight="0" leftmargin="0" marginwidth="0"> <FRAMESET cols="700,*" frameborder="0" border="0" framespacing="0" framepadding="0"><!-- 左のフレーム --> <FRAME src="osawa2.html" name="2" scrolling="auto" noresize mtopmargin="0" marginheight="0" leftmargin="0" marginwidth="0"> <!-- 右のフレーム --> <FRAME src="osawa3.html" name="3" scrolling="no" noresize topmargin="0" marginheight="0" leftmargin="0" marginwidth="0"> </FRAMESET> <NOFRAMES> <BODY topmargin="0" marginheight="0" leftmargin="0" marginwidth="0">フレーム対応ブラウザでご覧ください。</BODY> </NOFRAMES> </FRAMESET> </HTML>

  • コンテンツをウインドウの中央に固定

    以下のコードで、コンテンツをウインドウの中央に固定しようと思っているのですが、 上手くいきません。 ウインドウのサイズに合わせながら、中央に常に表示できればいいのですが、 そういったコードはありますか？ <body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0"> <TABLE border="0" width="100%" height="100%"><TR align="center"><TD align="center"> <div class="centerdiv"> <script src="ジャバファイル" type="text/javascript"></script> </div> </TD> </TR> </TABLE> </body> </html>

  • HTMLをCSS

    ●<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> ●<table cellpadding="0" cellspacing="0"> 上記HTMLをCSSで設定するにはどういうソースになるのでしょうか？ 教えて下さい。

    • ベストアンサー
    • HTML
  • IEとスタイル

    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> というタグがあります。 IE5,6,7にスタイルで対応させるには <style type=text/css>body{margin:0}</style></head><body> でよいですか？

    • ベストアンサー
    • HTML
  • 背景画像を入れた際のページのズレ（MacIE5）

    前々から気になっていたのですが、背景の画像を入れてページを制作する際、MacのIE5のみページが右下にずれたりしませんか？（毎回じゃないですが、結構な確立で） <body background="bg.gif" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> こんな感じで普通にbodyタグで指定しているのですが・・・ その他のブラウザ（mac、win）だとOKなんですが、なぜでしょうか？ ただ、同じタグで書いても、ずれないページもあるので、何が原因かわかりません。 対処として、フレームで区切ったり、スタイルシートで位置を指定したりが考えられると思うのですが、今回はなるべくプレーンなHTMLのみで解決が迫られています。 どうか、宜しくお願いいたします。

  • dreamweaverのHTMLと他のマージン設定の違い？

    はじめまして。 現在、dreamweaverを使いホームページを作成しています。 他方、しっかりとした知識を身につけるため、HTMLを毎度確認しているのですが、さまざまなサイトとのHTML記述の微妙な違いが気になっています。 以下の違いを教えていただけないでしょうか？ dreamweaverでのマージン設定 『margin-left: 0px; 　margin-top: 0px; 　margin-right: 0px; 　margin-bottom: 0px;』 他のサイトのマージン設定と思われる記述 『topmargin=0 leftmargin=0 marginheight=0 marginwidth=0』 『LEFTMARGIN=0 TOPMARGIN=0 MARGINwidth=0 MARGINheight="0" 』等 これらの違いはいったい何なんでしょうか？ 初心者なため見当違いな質問をしているかもしれませんがどうかよろしくお願いいたします。 また、dreamweaverだけで作成したサイトは「よくない」みたいな記述をたまに見かけますが、具体的にはどのようなことがあげられるのでしょうか？ どうかよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 更新するとずれる？

    ホームページビルダー8でトップページを作成しました。 <body bgcolor="#ffffff" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0"> の下にすぐ<table>をつくりその中にメニューアイコンをいくつか並べました。もちろん<tr><td>で区切っております。 さて、アップロードしきれいに仕上がったのですが、更新（リロード）すると中の画像が微妙ですが位置がずれるのです。これはなぜなんでしょうか？ 以後更新してもそのままなのですが、再度ＵＲＬをたたくとずれてます。・・・？ 何か原因があるのでしょうか？だれか経験あるかたご教授おねがいします。

    • ベストアンサー
    • HTML
  • 画像をHPの上下に表示させるには？

    現在、HPを作成しています。 ページの上下左端それぞれに 動かない画像をピッタリと隙間無く表示させたいのですが、方法が分かりません。 さらに、これら2の画像の他に<body>タグの Backgroundで壁紙も指定したいのです。 左上だけにピッタリ画像を表示させる事は出来るのですが、 （ちなみに普通に画像を貼り付け、LEFTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0"を指定しているだけです。） 左下に画像を表示させられません。 スタイルシートのbackground-imageを使用しようかと思ったのですが、 それだと<body>タグの Backgroundの指定が出来ないのです。 初心者過ぎる質問かもしれませんが どなたかご存知の方、教えてくださいませ～（T□T)

    • ベストアンサー
    • HTML
  • webページの上余白をなくす方法

    お世話になります。 webページ作成について困っております。 htmlで、ページ内の表中に画像を配置しています。表中の画像がそのページの一番上にくっついた状態(上部マージンなし)にしたくて、下記のようなタグをつけてみたのですが、わずかにまだ上に余白が残ってしまいます。 この余白を消して、ページの一番上から画像を表示させる方法を教えてください。 １．<body topmargin="0" marginheight="0"> この方法と、 ２．スタイルシートで <style type="text/css"> <!-- body { margin: 0px; } --> </style> この２つを試してみましたが、わずかに上部に余白がのこってしまいました。 よろしくご回答お願いいたします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する