テーブルを使ってセンター寄せのレイアウトを作成するには / ホームページビルダー

3月 06, 2010
BESTグループ

テーブルを使ってセンター寄せのレイアウトを作成するには? / ホームページビルダー


ご質問にお答えします。

まずは、中央部分が固定され、それ以外の部分はページのサイズによって変化するようなレイアウトを表を使って行ってみます。

1.例えば、3行、3列の表を挿入します。

2.表を右クリックし 「属性」 をクリックして表の属性画面を表示します。
上手く表が選択できない場合はセルをクリックした後、下の画像の赤丸のタブをクリックします。

3.表の幅を 100% に指定します。
その他の「罫線の幅」や「セル内の余白」、「枠表示」なども必要に応じて変更して下さい。

4.最後にコンテンツなどを表示する為の「中心のセル」の幅の設定をすれば完了です。
空欄のセルは無視されてしまいますので、「改行」や「スペース」を入れておきましょう。
また、「表の構造」にあるピンク色のメニュー部分のセルは結合するなどして整えます。

このように表の幅を100%にしておき、中心のセルのサイズを固定しておくと、それら以外のセルはウィンドウのサイズに合わせて変化しますので、コンテンツ部分は常に中心に固定されたようなレイアウトにする事ができます。

No comments

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>