公式アカウントからの投稿が始まります

幅のサイズはそのままで、真ん中に表示させたいのです

解決済

  • 質問者：eno-mi
  • 質問日時：
  • 回答数：6件

よろしくお願いします。
初心者です。
具体的に「<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>

↑お！これ！と思ったのですが、どこにどうやって入れるのか判らずエラーになってしまいます。
申し訳ありませんが初心者にお教えください。
よろしくおねがいします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (6件)

No.5ベストアンサー

  • 回答者： sinsia53
  • 回答日時：

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>を追加する事で実現できるかと思いますが、
どうでしょう。

この回答への補足

遅くなりまして、申し訳ありません。
＞私が上げた例は、
普通の文字もテーブルも両方とも中央寄せになる
という事を示したつもりですが、お試しになりましたか？

もちろん、試しました。
いろいろなところに入れてみたり。

結論ですが、こんなに簡単に説明して頂いてもわからないということは、私の勉強不足としかいえないと思います。
数日間に渡り、色々やりましたが、やはりうまくいきません。今回は諦めて、内容の充実に励みます。
HTMLの本は持っているのですが、スタイルシート、Javascriptの本も買うつもりですので、もっと内容が判るようになったら、また質問させていただきます。

何度もフォローして頂いているのに、出来なくても申し訳ありません。

もう少しわかるようになったら、またしつもんをしに来ます。３回目になりますが……。もっとわかるようになってきますので、よろしくお願いします。ありがとうございました。

補足日時：2005/02/19 22:42
通報する
    • good
    • 0
    • 件
通報する

No.6

  • 回答者： bigdisplay
  • 回答日時：

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.の方が回答しているようにＣＳＳファイルを作成してあげたほうがいいのですが
まぁこれも一つの方法としてあげときますね。
    • good
    • 0
    • 件
通報する
この回答へのお礼

遅くなり、申し訳ありません。
この方法も含め、色々試しましたが、なぜかダメでした。
結論ですが、こんなに簡単に説明して頂いてもわからないということは、私の勉強不足としかいえないと思います。
数日間に渡り、色々やりましたが、やはりうまくいきません。今回は諦めて、内容の充実に励みます。
HTMLの本は持っているのですが、スタイルシート、Javascriptの本も買うつもりですので、もっと内容が判るようになったら、また質問させていただきます。
その時はよろしくお願いします。ありがとうございました。

通報する
お礼日時：2005/02/19 22:50

No.4

  • 回答者： siyuno_o
  • 回答日時：

既に作られているページを、編集されるのですね！


希望されている通りには、成らないと思いますが
近い感じに成ると思います

ビルダーの「ページ編集」に、編集するページを、表示し

(ツール＝＞すべて選択) して 表＝＞表の投入
再度 すべて選択 して 書式＝＞位置揃え＝＞中央揃え

解説
ページ全体を、表（テーブル）内に入れてから
表全体を、中央揃え することにより
表内のレイアウトは、そのままになります
    • good
    • 0
    • 件
通報する
この回答へのお礼

遅くなり、申し訳ありません。
この方法も含め、色々試しましたが、なぜかダメでした。
多分、質問の意図が伝わっていないか、私の方法が全く間違っているか、だと思います。
勉強してもっと内容が判るようになったら、また質問させていただきます。
その時はよろしくお願いします。ありがとうございました。

通報する
お礼日時：2005/02/19 22:52

No.3

  • 回答者： sinsia53
  • 回答日時：

お返事１および２はスタイルシートという手法を使うことを前提としています。


スタイルシートというものを勉強してみることをお勧めしますが、
「<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ビルダーなので、文字のスタイルとか、簡単にスタイルシートにしてくれてしまうのです。おかげで、どこに入れればいいのか、さっぱりです(>_<)。もう少し、頑張ります!　また質問します。フォローお願いします。

補足日時：2005/02/12 19:21
通報する
    • good
    • 0
    • 件
通報する

No.2

  • 回答者： bigdisplay
  • 回答日時：

<BODY>


<DIV align=center>

　　ホームページの内容

</DIV>
</BODY>
これじゃダメ？

この回答への補足

ああー、これ、簡単そうでいいですねー。できそう！と思ったのも、つかの間でした……
<BODY>
<DIV align=center>
ホームページの内容

</DIV>
</BODY>

これを入れてみたのですが……変わりません。(T_T)。。
きっと、入れる場所が違うのだと思います。
</DIV>って、たくさんあって、<BODY>もあるので、二重に入れていいものか…
お願いします。もう一度「超初心者向け」にお願いします。

補足日時：2005/02/12 19:26
通報する
    • good
    • 0
    • 件
通報する
この回答へのお礼

遅くなり、申し訳ありません。この方法は、なぜかとても惹かれました。
色々試しましたが、なぜか全てダメでした。
結論ですが、こんなに簡単に説明して頂いてもわからないということは、私の勉強不足としかいえないと思います。
数日間に渡り、色々やりましたが、やはりうまくいきません。今回は諦めて、内容の充実に励みます。
HTMLの本は持っているのですが、スタイルシート、Javascriptの本も買うつもりですので、もっと内容が判るようになったら、また質問させていただきます。
その時はよろしくお願いします。ありがとうございました。

通報する
お礼日時：2005/02/19 22:54

No.1

  • 回答者： moon_night
  • 回答日時：

一番簡単にやるとすれば、



<body>
のすぐ下に
<center>
とする。

最後に閉じるのをお忘れなく。
</center>
</body>

この方法だと、全てがセンターになるので、
テーブルで囲わないとみづらくなると思いますが。

この回答への補足

ありがとうございます。
えーっと、＞この方法だと、全てがセンターになるので……
これって、センター合わせ、ということでしょうか？
やってみたのですが、やはりうまくいかず……泣。
　
左右に余白を作って、大きさはそのままで真ん中……
難しすぎます、初心者には。

<body>
のすぐ下に
<center>
とする。

最後に閉じるのをお忘れなく。
</center>
</body>
最後に閉じるのは、ページのほんとに最後でいいのでしょうか？　あ、</html>がその後になりますか……。

補足日時：2005/02/12 19:31
通報する
    • good
    • 0
    • 件
通報する
この回答へのお礼

テーブルで囲って、中は動かないように固定して、それでセンターあわせ、ということです、よね？
私の望んでいる方法とは違いましたが、やってみました。
が、出来ませんでした。
数日間に渡り健闘しましたが、お手上げです。
もっと勉強してから出直します。初心者過ぎました。
ありがとうございました。

通報する
お礼日時：2005/02/19 22:57

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報