追憶の杜 解説サイト トップ
  スポンサード リンク







中央に表示させるには

             ホームページビルダーで中央に表示させる方法を書いています。

  当サイトは ホームページビルダー でサイトを 中央表示 させるための 設定 方法 を書いています。

  あらかじめ、スタイルシート作成や段組みなどの説明は前の項目などを参考にしてください。

 
最近のサイトはほとんど中央に表示させていると思います。単純に センタリング などの設定をしたとしても
思うように 中央に表示されない 場合があります。
CSS で ホームページ を作成すると、大体、 中央表示 させる方法を探したりしないといけないと思います。

 要するに数年前に知ったバグを利用したものですので、適切な解決方法があるのかもしれません。
 このサイトもこのバグを利用して 中央表示 させることができているので大丈夫だと思います。

 レイアウトコンテナ を作成する方法の説明のなかで BODY の説明をしていませんでしたが
  サイトを中央表示させたい場合の設定で BODY の設定が必要になってきます。


サイトを中央に表示させるには、どうすればいいのか




  BODYの設定 を追加する


  1 作成していたスタイルシートを スタイルシートマネージャで編集 で開き 追加 をする


  2 HTMLタグのスタイルを設定 を選択し ページのプロパティ BODY を選択






  3 BODY で 文字のレイアウト中央表示 ( センタリング ) にする





  4 レイアウト タブ の マージン を以下のように設定

     左方向を選択 予約語 自動
     右方向を選択 予約語 自動

      プルダウン で 予約語 を選択してから 数値の設定 で 自動 が表示されます





  ページ全体に適用しているスタイルシートにも設定する

  BODYの設定と以下の設定で大丈夫です。中央に表示されます。

  サイトの全部を含んでいるレイアウトコンテナに対して設定します。 たとえば,前項目で作成した container です。

  1 作成していたスタイルシートを スタイルシートマネージャで編集 で開き
    サイトの全部 divbox を含んでいるレイアウトコンテナを選択する。

  2 文字のレイアウト左寄せ にする


  3 レイアウト タブ の マージン を以下のように設定

     左方向を選択 予約語 自動
     右方向を選択 予約語 自動

      プルダウン で 予約語 を選択してから 数値の設定 で 自動 が表示されます

  4 関連付ける


  以上で ホームページ を中央表示させるようになります。



  検索してもなかなかビルダーでの解説サイトがなかったので参考になれば幸いです。
  HTMLを直接入力する解説が多く、ホームページビルダーによる操作の解説はみつけられなかった・・・残念




   スタイルシートでサイトの構図を作る

     はじめに (入門書だけでは不十分だった)

     スタイルシートを新規作成する方法と、ホームページビルダーに読み込ませる(関連付ける)

     レイアウトコンテナ DIV を作成する方法

     レイアウトコンテナ に対して CSS で設定を入力・適用させる方法

     それぞれの具体的な DIVBOX の設定内容

     サイトを中央表示させる方法 BODYの説明

     サイトの一番上 最上部の隙間をなくする方法



   スタイルシートで細かく設定する解説

     スタイルシート で 文字 の 大きさ を設定する方法の解説

     CSSで見出しのh1 h2 h3 の大きい文字を小さくする方法

     リンクの青い色を自由な色に変更する方法













当サイトの閲覧などにおける利用において全てのいかなる責任も負わないこととします。
Copyright (c) 2012 追憶の杜. All Rights Reserved.