基本的な2カラムレイアウト
- 01. はじめに
- 完成したサンプルと、まえがき的な事を書いてます。
- 02. HTMLを書く
- HTMLファイルが無ければCSSを当てれないので、まずはHTMLファイルを準備します。ここでマークアップ済みのHTMLファイルもDL出来ます。
- 03. デフォルトスタイルをリセット
- ブラウザがデフォルトで持っているスタイルをリセットします。
- 04. 全体のセンタリングとヘッダーの作成
- 2カラムの前に全体をセンタリングさせ、ヘッダーを完成させます。
- 05. メインとサイドを2カラムに
- キモとなる2カラム部分です。
- 06. フッターの作成と調整をして完成
- 最後にフッターの作成と#contentsの作成、諸々の調整をして完成です。