ホームページをdreanwever2004mxで作成しているところです。

質問なのですが、tableを使ってレイアウトをしているのですが画面に縦、横スクロールが出ないように中央に設置したいのですがどうすればよいのでしょうか??→http://www.kscgworks.com/←こんな感じにしたいのです。
このホームページはデスクトップで見ても画面サイズが違うノートで見ても縦スクロールが出ないのです。
・・・tableの縦の大きさをピクセルから100%に変えてみたのですがダメでした・・・。

どなたかおわかりの方よろしくお願いします。

回答の条件
  • 1人5回まで
  • 登録:2008/12/20 20:21:04
  • 終了:2008/12/28 20:55:20

ベストアンサー

id:fuk00346jp No.1

潮澤 昴回答回数1140ベストアンサー獲得回数542008/12/20 21:37:54

ポイント23pt

http://www.kscgworks.com/memorandum.html

とかス縦スクロール出ますよ?

(画面高さサイズを420以下にすると出るはずです。)

↑背景もどきに使われている画像の高さが420

と、意地悪はおいといて

 

  • テーブルの中央揃えは<div align="center"></div>でテーブルを囲むだけです。

おまけURL1:http://questionbox.jp.msn.com/qa2077552.html

おまけURL2:http://bluestar.studio-web.net/dw/contents/table/800_table08.htm...

  • スクロールキル(スクロールバー非表示)

http://www.tohoho-web.com/how2/scroll.htm

id:osafree

ご返答ありがとうございます。

質問にある参考url→http://www.kscgworks.com/の中のページではなくtopページなんです。このtop

ページは縦スクロールは出ないんです。

私の説明不足でした。すいません。

追記になりますが、今のところtableの高さ827ピクセルで私の画面サイズですと縦スクロールは出ないのですが、ノートで見るとやはり出てしまうのです。

よろしくお願いします。

2008/12/20 22:42:45

その他の回答(3件)

id:fuk00346jp No.1

潮澤 昴回答回数1140ベストアンサー獲得回数542008/12/20 21:37:54ここでベストアンサー

ポイント23pt

http://www.kscgworks.com/memorandum.html

とかス縦スクロール出ますよ?

(画面高さサイズを420以下にすると出るはずです。)

↑背景もどきに使われている画像の高さが420

と、意地悪はおいといて

 

  • テーブルの中央揃えは<div align="center"></div>でテーブルを囲むだけです。

おまけURL1:http://questionbox.jp.msn.com/qa2077552.html

おまけURL2:http://bluestar.studio-web.net/dw/contents/table/800_table08.htm...

  • スクロールキル(スクロールバー非表示)

http://www.tohoho-web.com/how2/scroll.htm

id:osafree

ご返答ありがとうございます。

質問にある参考url→http://www.kscgworks.com/の中のページではなくtopページなんです。このtop

ページは縦スクロールは出ないんです。

私の説明不足でした。すいません。

追記になりますが、今のところtableの高さ827ピクセルで私の画面サイズですと縦スクロールは出ないのですが、ノートで見るとやはり出てしまうのです。

よろしくお願いします。

2008/12/20 22:42:45
id:fuk00346jp No.2

潮澤 昴回答回数1140ベストアンサー獲得回数542008/12/21 05:08:24

ポイント23pt

繰り返しで申し訳ないですが…

質問にある参考url→http://www.kscgworks.com/の中のページではなくtopページなんです。このtopページは縦スクロールは出ないんです。

私の説明不足でした。すいません。

  • topページでも出ます。ブラウザの最大化解除して縦を狭めてみて下さい。
  • スクロールバーを表示しない方法はhttp://www.tohoho-web.com/how2/scroll.htmに載ってます。
id:osafree

ご返答ありがとうございます。

私の自サイトですと、画面最大化にしていてもノートの場合縦スクロールが出てしまうのです。

デスクトップ(1280X1024)ではでないのですが。

2008/12/21 09:04:33
id:rokue No.3

rokue回答回数9ベストアンサー獲得回数02008/12/21 02:39:46

ポイント22pt

書き忘れのため追記失礼します。

tableの高さが827pxということで、そもそも画面の縦より大きいものをスクロールなしで見せたいというのが不可解ですが、どうしてもスクロールバーを表示させたくないのであれば、tableを

<div style="overflow:hidden;height:100%;">

テーブル

</div>

で囲んでしまえば、どんなに小さな画面サイズでもスクロールバーは表示されないと思います。

しかし、端末によってはどう頑張っても画面外のコンテンツが見れなくなるので、本末転倒になると思いますが・・・。

id:osafree

ご返答ありがとうございます。

tableの高さを827ピクセルに設定したのは、ホームページを作成しているPCの画面(1280X1024)の高さに合わせて縦スクロールが出ないところで合わせたら827ピクセルになったのです。tableの高さを827ピクセルより小さくしてしまうと画面より短くなってしまうのです。

分かりずらい説明ですいません。

2008/12/21 09:12:28
id:rokue No.4

rokue回答回数9ベストアンサー獲得回数02008/12/21 02:22:53

ポイント22pt

中央に配置したいものを1行1列のtableに入れて

  • ~~tableの幅・高さを100%(margin・padding0)
  • ~~tdにalign="center" valign="middle"

では無理ですか?

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td align="center" valign="middle"><img src="dummy.jpg" width="100" height="50"></td>

</tr>

</table>

CSSなら楽なんですが。

たぶん内容物のサイズより小さい画面で見るとスクロールバーが表示されてしまうと思います。

  • id:fuk00346jp
    スクロールバーが出ない方法は
    1.Java Scriptで組む
    2.内容を無くす(減らす
    です。貴殿が参考にしていたhttp://www.kscgworks.com/は2.の方です。背景もどき用画像+一行しかありませんから。その高さよりブラウザのheightが小さくならなければスクロールバーは出ません。

この質問への反応(ブックマークコメント)

トラックバック

  • 「質問ID:1229772062」について 人力検索はてな - 画面に縦、横スクロールが出ないように中央に設置..について。 ホームページをdreanwever2004mxで作成しているところです。質問なのですが、tab
「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません