ベストアンサー

縦軸に対して常に中央に配置する方法

2002/08/05 12:59

centerだと横軸に対して中央に配置しますよね？縦軸の場合はどんな方法がありますか？よろしくおねがいします。

hamazo
お礼率55% (11/20)

HTML
回答数4
ありがとう数2

みんなの回答 （4）
専門家の回答

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

ベストアンサー

uduki4
ベストアンサー率42% (69/163)

2002/08/06 10:58 回答No.4

どうも、uduki4です。これと似たような質問に私は答えましたから、多分、過去の質問検索されたのでしょうか。されたとしても、よく分らなかったのではないのでしょうか。まあ追い帰すというのもなんですので、私が前に答えたのでもよければ、答えましょう。 ※この意味は、HTMLタグ辞典等で調べてください。一様解説もありますが、辞典は、いろんなHTMLの基礎の事を教えてくれるし、今でも私のよき友ですから、いつになっても使えないと言う事はありません。では、 <HTML> <HEAD> <TITLE>index</TITLE> </HEAD> <BODY leftmargin="0" topmargin="0"> <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="middle">内容を書く</td> </tr> </table> </body> </html> こうすれば、完全に真中にきます。解説を、 <BODY leftmargin="0" topmargin="0"> は、まず、『leftmargin="0"』横の空きが０で、『topmargin="0"』縦の空きが０と言う事です。これを応用すれば、テーブルにも出来ますし色々とできます。次に、テーブルを張ります。何故と感じたら、HTMLタグ辞典をよく読んで勉強して下さい。では、 <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">は、『width="100%"』と『height="100%"』が、縦と横を１００％とする事で、表示されているIEやNeなどと言ったブラウザーなどで見たときに、きちんと表示される事が出来ます。ただ、表示しようとする物が、表示枠よりも大きくなったときは、出来ませんので・・・で、『 border="0" cellspacing="0" cellpadding="0"』これは、まじないです。これをすると、テーブルの枠も見えませんし、隙間だってありません。で、最後に、『<td align="center" valign="middle">』は、全部真中に持ってくるときのまじないです。分らないのとがありましたら、HTMLタグ辞典に詳しく載っていますので、解説はこれぐらいにしておきます。これは、私が試行錯誤の末に、完成したものです(他の人が先に見つけているという可能性もなくはない)が、どうせばれる事だし、『HTML』は、残念ながら、どんな事をしても相手のブラウザーに『HTML』言語を送って表示しているのだから、どうしても何をしても見えてしまいます。ならば、分りやすくきちんと後に続く人のための教えておいたほうが言いでしょう。と、私の勝手な考えを言ってしまいましたが、これが本音です。それでは、いいホームページが出来ます事を祈って。では。以上

質問者

お礼 2002/08/06 12:43

すばらしいっす！なるほどと思いました。どうもありがとうございました！

ログインすると、全ての回答が全文表示されます。

その他の回答 (3)

KODAMAR
ベストアンサー率26% (267/1006)

2002/08/06 08:46 回答No.3

すいません、テーブル内では設定しなければ自動で縦位置中央になりますね。上や下にする場合だけ設定が必要でした。。＞テーブル自体を中央にしたいんです。これは私も結構考えた気がします。でも結局できなかったような。。 http://www.db-soft.co.jp/support/school/hot5_sch/upper/037.htm 下の方もかいていますが、スタイルシートなどで設定するのがいいと思います。後は<BR>で改行していくとか・・・。

質問者

お礼 2002/08/06 12:44

了解です！どもありがとうございました！

ログインすると、全ての回答が全文表示されます。

takamooh
ベストアンサー率50% (49/98)

2002/08/05 23:53 回答No.2

裏技のような方法ですが、全体をテーブル（<table width="100%" height="100%">とでもすればよい）にして、セルのvalign属性をmiddleにすれば（<td vlign="middle">）その内容はすべて常に縦軸に対して中央に配置されます。ただ、このような見栄え調整は本来ならスタイルシートでなされるべきものです。そこで、全体を<div>要素にして、これに対して、 div { margin-top: auto; margin-bottom: auto; } と指定すればよいのでは？もっとも、この指定がどんなブラウザでも反映するかは判りません（最新のものなら大丈夫かと思います）。

質問者