WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:スクロールバー付きのテーブル

0:[投稿] Yuki [2005/05/23 12:58 ][環境:IE6 わからない]

メモ帳を使って手書きでHPを作っています。
構文の意味などはあまり分からず、各所でサンプルのhtmlを参考にしては、見よう見まねで組み合わせてる程度の初心者です。

質問の内容ですが、HPの更新履歴などを表示するのにスクロールバー付きのテーブルを使いたいと思い立ち、

<div style="height:60px; width:300px; overflow-y:scroll;">
<table border=1 width=300>
 :
</table>
</div>

という参考htmlを見つけました。
同じように書いて、スクロール付きのテーブルを作ることは出来るのですが、それをページのセンターに表示させることが出来ません。全体をページのセンターに表示させたいのです。

<p align="center">でくくっても、他の文章・普通のテーブルなどはセンターに行きますが、このスクロール付きテーブルと、それ以降の文章は、全部左寄せになってしまいます。
どのようにしたらセンターに表示されるでしょうか。

用語の使い方・説明等、不適当な部分があるかと思いますが、そうぞお手柔らかにお願いします。


1:[回答] yombo [2005/05/23 13:17 ]

とりあえず<p>タグの中にはブロックレベルの要素を含める事ができないんじゃなかったですか。


2:[回答] hirameki [2005/05/23 13:35 ]

<head>
<style type="text/css">
<!--
#primary-content{
margin-left:auto;
margin-right:auto;
}
-->
</style>
<body>
<div id="primary-content">
<!--/////////////-->
CONTENT内容
<!--/////////////-->
</div>
</body>
何てのはいかがでしょうか?


3:[回答] わんだ [2005/05/23 17:02 ]

><div style="height:60px; width:300px; overflow-y:scroll;">
><table border=1 width=300>
>:
></table>
></div>

これをもう1つ上のDIVに入れる  つまり

<div align="center">
<div style="height:60px; width:300px; overflow-y:scroll;">
<table border=1 width=300>
:
</table>
</div>
</div>

とすれば一応中央には配置できますがいかがでしょうか?


4:[完了] Yuki [2005/05/24 12:01 ]

出来ました。
皆様ありがとうございました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World