• 締切済み

ページが収まりきらない

先日ＨＰをオープンさせました。トップ画面が１ページ内で収まるようタグを書いたつもりなのですが少し縦にスクロールしてしまいまうという不具合が出てしまいます。<table width="100%" height="100%>でページを囲いアップロードしていない段階で表示させてみるときちんと収まるのですが…。 今は<body style="overflow:hidden;">でスクロールバーを表示させず応急処置をしているのですが他のページとの兼ね合いもあって根本的に解決したいと思っています。どなたか原因を突き止めていただけないでしょうか？ http://www.geocities.jp/********/

みんなの回答

  • h_82
  • ベストアンサー率81% (13/16)
回答No.1

どうやら、</HTML>以降に入るgeocitiesのタグが原因のようです。 <!-- text below generated by server～・・・　が無ければ意図した通りの表示になるはずです。 geocitiesの管理ページで</HTML>以下にタグが入らない様にする 設定出来れば問題は解決するはずですが・・ 必ず</HTML>以下にタグが入る仕様ならばテーブルを用いたレイアウトでは、 意図通りの表示は難しいかもしれません。 別アプローチを見つけた方が良いかも？

ringerhat
質問者

お礼

ありがとうございました。

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

関連するQ&A

  • CSSだけで、テーブルにスクロールバーを表示させたいのですが…

    CSSを使い、テーブルにスクロールバーを表示させたいのですが <div style="height:60px; width:300px; overflow-y:scroll;"> <table border=1 width=300> : </table> </div> 上記の方法だと確かにスクロールバーは表示されるのですが、出来ればDIVを使わずに、作っておいたCSSを適用するだけで、テーブルにスクロールバーを表示させることは可能でしょうか？ 出来れば、スクロールバーの色を変更して、横(X軸)のスクロールバーも消したいのですが… CSSで .scroll { overflow: scroll; visibility: visible; height: 100px; width: 140px; } とやってみたのですが、どうしてもスクロールバーが表示されません。何が足りないのか、もしくは根本から間違っているのかがわかりません。 ご存知の方教えて下さい。

    • ベストアンサー
    • HTML
  • ページの左右に余白を作りたいのですが…

    ページの左右に余白を作りたいのですが… <center></center> ↑以外に何かありませんか？ <table border="0" width="750" height=""> もう1つ質問なのですが、↑のタグはどのようなものなんでしょうか？ そしてこのタグを閉じる場合はどうすればいいのでしょうか？

  • フローティングフレームのスクロールについて

    フローティングフォームを使用したホームページを作成しています。 ソースは下のようになっています。 <table width="550" border="1" cellpadding="3" cellspacing="0"> <tr> <td width="200" bgcolor="#FFCC00">列名</td> <td width="350" bgcolor="#FFCC00">列名</td> </tr> </table> <div style="width:568px;height:184px; overflow:hidden;"> <iframe name="List" src="menu_list.asp" width="566" height="200" frameborder="0"> </iframe> </div> menu_list.aspという別のファイルにASPを使用して、 動的にデータを書いています。 列名を固定して、動的に書かれる一覧部分だけにスクロールバーを表示させたいのですが、うまくいきません。 なぜかスクロールするときに表示される▲▼のどちらか一方しか表示されず、一番下の列だけしっかりと表示されません。どうしたらすべてきれいにスクロールできるのでしょうか？ どなたかおわかりになる方がおみえになりましたら教えてください。

    • ベストアンサー
    • HTML
  • ホームページを作っています、ページ内にiframeで他のページを表示さ

    ホームページを作っています、ページ内にiframeで他のページを表示させています。 IEではこのiframeにスクロールバーが出て、縦に長いデータをスクロールして閲覧あせる事が できるのですが、Firefoxだとスクロールバーが出ません・・・ どなたか表示させる方法をご存知でしたら教えてください。 以下HTML記述 <iframe name="iframe4" id="iframe4" frameborder="0" scrolling="yes" src="topix.html" title="※※">※※</iframe> CSS記述 #iframe4{ border-width : 0px 0px 0px 0px; margin-left : 0px; width : 420px; height : 490px; padding-top : 0px; overflow : hidden; margin-top : 0px; margin-right : 0px; margin-bottom : 0px; padding-bottom : 0px; }

    • ベストアンサー
    • HTML
  • CSSでスクロールバー

    CSSでdivタグにwidthとheightを指定してボックスを作ります。そして、そこにoverflow:scroll;を指定して、そのボックスにスクロールバーを表示させるのですが、下のスクロールバーを表示させないようにするにはどうすればいいんでしょうか？右横の縦方向のスクロールバーは必要ですが、表示させるもののwidthが決まっている場合、下の横方向のスクロールバーが邪魔で仕方ないんですけど。 どなたか教えて下さいませんか？？

    • ベストアンサー
    • HTML
  • Iframeとして呼び出すページを120ｐｘ以下を表示したい

    Iframeを使いたいのですが、A.htmlの高さ120pixから下をIframeで指定したいときはどうしたらいいでしょうか。 <html> <head> <title>testtitle> </head> <body> <div width:100%; height:120px;> <table> <tr> <td><iframe src="A.htm" width="100%" height="100%" frameborder="0" scrolling="no" overflow:no></iframe><td> </tr> </table> </div> </body> </html> 呼び出すIframeの中身のページについて 高さを120pix以下を表示したいのですが。 よろしくおねがします。

  • cssで擬似フレームについて

    はじめて質問させていただく、CSS初心者のものです。 下記のdivタグを画面中央寄せにする方法はあるのでしょうか？ HTMLとCSSは下記のように書いています。 HTML <body> <div id="header"> （width="800" height="180" のflashファイルを入れています） </div> <div id="main"> 　（ width="700"のコンテンツを作りスクロールさせていま） 　</div> <div id="footer">テキストを一行入れています</div> </body> ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ ｃｓｓ html{ height:100%; overflow:hidden; } body{ height:100%; width:100%; margin:0px auto; background-color: #000000; } 　 #header{ position: absolute; height: 180px; width: 800px; overflow: hidden; top: 0px; }　 #main{ overflow: auto; position: absolute; width: 800px; top: 180px; bottom: 20px; background-color: #FFFFFF; } #footer{ position: absolute; width: 800px; bottom: 0px; font-family: "Courier New", Courier, mono; font-size: medium; font-style: italic; color: #00FF33; height: 20px; background-color: #000000; overflow: hidden; }　 このような感じなのですがなにかいい方法があればご教授お願いいたします。

    • ベストアンサー
    • HTML
  • クロームとサファリでスクロールバーが表示されない

    Macのグーグルクロームとサファリでスクロールバーを表示させる方法を教えて下さい。 ちなみにWindowsでは表示されていると思うのですが・・・ 下記のように、縦幅を指定し、その中で入り切らない文章を下にスクロールさせるようなページを作成したのですが、ブラウザによりスクロールバーが見えないとなると、人によっては下にまだ内容がある事に気づかないという事が起こってしまうのではと心配です。 #content { text-align: left; padding: 0px; width: 340px; height: 500px; float: left; margin: 0px; overflow-y: auto; overflow-x: hidden; } 何かやり方があれば是非教えて下さい。 宜しくお願いします。

    • 締切済み
    • CSS
  • 横スクロールバーが表示されてしまう

    ホームページを作成中なのですが、横幅の余白はあるのにのに横スクロールバーまで表示されてしまいます。 フレームを使用していて、そこにTABLEタグを入れるとどうやら必ず表示されるみたいです。html{overflow:hidden;}のタグを入れていますが、それでもだめみたいです。TABLEなしにすると横スクロールバーは表示されないのですが、デザイン上TABLEは使いたいのでカットは無理です。 解決方法が分かりません。どなたがアドバイスよろしくお願いします。HTML初心者なのでできれば分かりやすい説明をお願いします。 ちなみに使用しているブラウザはIE6です。

  • <div style="overflow">でこんなことは出来ませんか？

    <div style="overflow: auto; height: **px;width:**px;"> というタグについて教えてください。 <div>で囲まれた内容が、height: **pxに満たない場合、 スクロールバーは出ませんが スペースはheight: **px分、空いてしまいます。 やりたいことは、<div>で囲む内容が height: **px未満の場合はスペースもあけず スクロールバーも出さず、overflow未指定の状態にする。 height: **pxの場合はheight: **pxで高さを固定して スクロールバーを出す。ということです。 何か良い方法はありませんでしょうか。 よろしくお願いします。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する