DreamweaverCS4でホームページ入門 - Dreamweaverでギャラリーを作る-その3 - [13] ボックスを中央配置する
DreamweaverCS4でホームページ入門 >> Dreamweaverでギャラリーを作る-その3 >> [13] ボックスを中央配置する
DreamweaverCS4を使って、初めてホームページ制作をする方向けの動画講座です。 非推奨タグは使わず、できるだけ現在主流になっている方法を紹介し、初心者webデザイナーさんのためにもなる講座にしていきます。 Adobe® Dreamweaver® CS4 はAdobe社の登録商標です。

[13] ボックスを中央配置する
3分2秒
大きい解像度で見る

このページを Google Bookmarks に追加 Yahoo!ブックマークに登録 このエントリーを含むはてなブックマーク Share (facebook) Clip to Evernote
解説

CSS初心者の方が最初に悩む「ボックスの中央配置」。
ブラウザの大きさを変えても常にサイト全体のボックスが中央に来るようにしたい
場合の方法です。
テーブルデザインの頃は、全体をalign="center" で囲むだけでできましたが、
現在この方法は主流でないのでCSSでの方法にしてみましょう。
ブログでの解説はこちらー>ブラウザのサイズをかえても、サイト全体は真ん中にしたいとき、どうすれば?
作例に使った写真ギャラリー>薪ストーブエッセイ「森からの便り」

■ 制作者コメント
<a href="http://webnomori.net/howto/">webの森/ホームページ初心者講座</a>のモモンガです。webデザイナーの卵さ... 制作者プロフィールページへ


カテゴリー内最新記事
 
マニュアル エントリ一覧
[5] CS4のワークスペースとパネル...
[4] 画像のパス
[3] 画像の挿入
[2]XHTML1.0 Transit...
[1] サイトの定義とサーバーへアップ...
[5] スタイルの新規作成
[4] CSSパネルでの指定
[3] CSSプロパティでの指定
[2] <span>タグの指定方法
[1] <a>タグ(リンクタグ)の設定...
[6] 複数ボックスのフロート
[5] cssダイアログで編集する
[4] ブロックをフロートさせる
[3] cssパネルで編集する
[2] クラスにスタイルをつける
[1] ブロック要素のマークアップ
[12] グローバルナビのマークアップ
[11] #headerと#foote...
[10] body背景に色をつける
[9] 全体レイアウトのマークアップ
[8] フロートの解除
[7] CSSをコードで書く
[18]位置などの微調整
[17]フッターをつくる
[16]リストにスタイルをつける
[15]横並びメニュー
[14]スタイルの追加
[13] ボックスを中央配置する
[6] QRコードの作成
[5] 携帯の絵文字と電話をかけるリン...
[4] 携帯サイトの文字色と背景色
[3] 携帯用HTMLのテキスト中央揃...
[2] 携帯サイトにテキストと画像を入...
[1] XHTMLモバイルファイルの新...
[6]背景画像を使ったグローバルナビ
[5]ヘッダーのスタイル調整
[4]ヘッダーのマークアップ
[3]ボックスのサイズ調整
[2]スニペットの利用
[1]ファイルの新規作成
[9]フロートの解除-続き
[8]フロートの解除
[7]メイン部分に画像の挿入


(c) Webdemo Inc All rights reserved.