- ベストアンサー
幅のサイズはそのままで、真ん中に表示させたいのです
よろしくお願いします。 初心者です。 具体的に「<body></body>の間にこれを入れろ」と言われれば判るという感じです。 使用環境＝Win98SE、IE6.0 HPビルダー8で実際にHPを作成し、Web上にUPしています。 が、その【表示方法】を変えたいのです。HPビルダーでは出来ないそうです。 例えばこのgooのTopページは、左側にお気に入りや履歴が入っていれば、ちゃんとあわせて表示してくれて、 逆に、お気に入りや履歴を消してみると、★真ん中★になってくれますよね？ 画面の大きさはそのまま。左や右にスペースが出来て。そうしたいのです。 現在は幅750の「標準モード」です。 そのため、左側に履歴などあるとよいのですが、逆に左側に何も無いと「750幅の画面」がただ左によってしまうだけで、バランスが取れません。 以前も質問をしたのですが上手く説明できませんでした。 ★お返事１ まずHP全体のサイズを決めますが、 画面はそれぞれサイズが違うと思います。 そのため px というサイズよりも100% と書いた方がどの画面でもあわせる事が出来ます。 たとえば６００の画面でも、１０００以上の画面でも100% のサイズが適用されます。 なのでまずstyle で body{width:100%; と書きます。 ↑どこに body{width:100%; と入れればいいのか判りませんでした。 しかもこれだとサイズが変わってしまう？ ★お返事２、 私は表示させたいものにはmargin:auto;を… ホームページ全体を真ん中にもっていくには スタイルシートで .naka{width:750px; margin:auto;}にして <body> <div class="naka"> </div> </body> ↑お！これ！と思ったのですが、どこにどうやって入れるのか判らずエラーになってしまいます。 申し訳ありませんが初心者にお教えください。 よろしくおねがいします。
- eno-mi
- お礼率77% (87/112)
- レンタルサーバ・ASP
- 回答数6
- ありがとう数5
- みんなの回答 （6）
- 専門家の回答
質問者が選んだベストアンサー
No.3で回答した者です。 >……テーブルをやっぱり使わないとダメでしょうか。 私が上げた例は、 普通の文字もテーブルも両方とも中央寄せになる という事を示したつもりですが、お試しになりましたか？ また、スタイルシートが勝手に出来ていると言う事であれば、 お返事２に習い、そのスタイルシートのファイル（一般に拡張子CSS）に .naka{ width:750px; text-align:center; } と言う記述を追加し、 htmlファイルの方では <html> <head> </head> <body> <div class="naka"> 私のページへようこそ </div> </body> </html> と、 <body>の直後に<div class="naka">を、 </body>の直後に</div>を追加する事で実現できるかと思いますが、 どうでしょう。
その他の回答 (5)
- bigdisplay
- ベストアンサー率33% (25/75)
No2.で回答したものです。 むか～しの方法ですが ボーダー0のテーブルで囲んじゃダメ？ <body>のすぐ下に下記の行を追加（コピペＯＫ） <table align="center" border="0"><tr><td> </body>のすぐ上に下記の行を追加（コピペＯＫ） </td></tr></table> 実際には <body> <table align="center" border="0"><tr><td> 今までのｈｔｍｌ </td></tr></table> </body> てな感じです。 できれば No5.の方が回答しているようにＣＳＳファイルを作成してあげたほうがいいのですが まぁこれも一つの方法としてあげときますね。
お礼
遅くなり、申し訳ありません。 この方法も含め、色々試しましたが、なぜかダメでした。 結論ですが、こんなに簡単に説明して頂いてもわからないということは、私の勉強不足としかいえないと思います。 数日間に渡り、色々やりましたが、やはりうまくいきません。今回は諦めて、内容の充実に励みます。 HTMLの本は持っているのですが、スタイルシート、Javascriptの本も買うつもりですので、もっと内容が判るようになったら、また質問させていただきます。 その時はよろしくお願いします。ありがとうございました。
- siyuno_o
- ベストアンサー率26% (135/510)
既に作られているページを、編集されるのですね！ 希望されている通りには、成らないと思いますが 近い感じに成ると思います ビルダーの「ページ編集」に、編集するページを、表示し (ツール＝＞すべて選択) して 表＝＞表の投入 再度 すべて選択 して 書式＝＞位置揃え＝＞中央揃え 解説 ページ全体を、表（テーブル）内に入れてから 表全体を、中央揃え することにより 表内のレイアウトは、そのままになります
お礼
遅くなり、申し訳ありません。 この方法も含め、色々試しましたが、なぜかダメでした。 多分、質問の意図が伝わっていないか、私の方法が全く間違っているか、だと思います。 勉強してもっと内容が判るようになったら、また質問させていただきます。 その時はよろしくお願いします。ありがとうございました。
- sinsia53
- ベストアンサー率75% (6/8)
お返事１および２はスタイルシートという手法を使うことを前提としています。 スタイルシートというものを勉強してみることをお勧めしますが、 「<body></body>の間にこれを入れろ」レベルでもっとも簡単に実現できるであろう方法を示します。 <html> <head> </head> <body> <div style="width:750px; text-align:center;"> 実際の内容 <table><tr><td>テーブル</td></tr></table> </div> </body> </html> ただし、この方法にはいくつかのすべきではない問題点を含むことを、以下のページから勉強していただけますようお願いいたします。 http://hp.vector.co.jp/authors/VA013937/cssref/ http://tancro.stp-1.com/stylesheet/n6_center.html
補足
ありがとうございます。朝からやってます。（＾＾ゞが、上手くいきません。難しいですね。 実際の内容 <table><tr><td>テーブル</td></tr></table> ……テーブルをやっぱり使わないとダメでしょうか。 参考ページを見た所、text-align:center;を使うのがよさそうなのですが……ちなみに、テーブルがあるページとないページがあります。 ちなみに、HPビルダーなので、文字のスタイルとか、簡単にスタイルシートにしてくれてしまうのです。おかげで、どこに入れればいいのか、さっぱりです(>_<)。もう少し、頑張ります! また質問します。フォローお願いします。
- bigdisplay
- ベストアンサー率33% (25/75)
<BODY> <DIV align=center> ホームページの内容 </DIV> </BODY> これじゃダメ？
お礼
遅くなり、申し訳ありません。この方法は、なぜかとても惹かれました。 色々試しましたが、なぜか全てダメでした。 結論ですが、こんなに簡単に説明して頂いてもわからないということは、私の勉強不足としかいえないと思います。 数日間に渡り、色々やりましたが、やはりうまくいきません。今回は諦めて、内容の充実に励みます。 HTMLの本は持っているのですが、スタイルシート、Javascriptの本も買うつもりですので、もっと内容が判るようになったら、また質問させていただきます。 その時はよろしくお願いします。ありがとうございました。
補足
ああー、これ、簡単そうでいいですねー。できそう！と思ったのも、つかの間でした…… <BODY> <DIV align=center> ホームページの内容 </DIV> </BODY> これを入れてみたのですが……変わりません。(T_T)。。 きっと、入れる場所が違うのだと思います。 </DIV>って、たくさんあって、<BODY>もあるので、二重に入れていいものか… お願いします。もう一度「超初心者向け」にお願いします。
- moon_night
- ベストアンサー率32% (598/1831)
一番簡単にやるとすれば、 <body> のすぐ下に <center> とする。 最後に閉じるのをお忘れなく。 </center> </body> この方法だと、全てがセンターになるので、 テーブルで囲わないとみづらくなると思いますが。
お礼
テーブルで囲って、中は動かないように固定して、それでセンターあわせ、ということです、よね？ 私の望んでいる方法とは違いましたが、やってみました。 が、出来ませんでした。 数日間に渡り健闘しましたが、お手上げです。 もっと勉強してから出直します。初心者過ぎました。 ありがとうございました。
補足
ありがとうございます。 えーっと、＞この方法だと、全てがセンターになるので…… これって、センター合わせ、ということでしょうか？ やってみたのですが、やはりうまくいかず……泣。 左右に余白を作って、大きさはそのままで真ん中…… 難しすぎます、初心者には。 <body> のすぐ下に <center> とする。 最後に閉じるのをお忘れなく。 </center> </body> 最後に閉じるのは、ページのほんとに最後でいいのでしょうか？ あ、</html>がその後になりますか……。
補足
遅くなりまして、申し訳ありません。 ＞私が上げた例は、 普通の文字もテーブルも両方とも中央寄せになる という事を示したつもりですが、お試しになりましたか？ もちろん、試しました。 いろいろなところに入れてみたり。 結論ですが、こんなに簡単に説明して頂いてもわからないということは、私の勉強不足としかいえないと思います。 数日間に渡り、色々やりましたが、やはりうまくいきません。今回は諦めて、内容の充実に励みます。 HTMLの本は持っているのですが、スタイルシート、Javascriptの本も買うつもりですので、もっと内容が判るようになったら、また質問させていただきます。 何度もフォローして頂いているのに、出来なくても申し訳ありません。 もう少しわかるようになったら、またしつもんをしに来ます。３回目になりますが……。もっとわかるようになってきますので、よろしくお願いします。ありがとうございました。