トップページの中の レイアウト講座の中の 基本的な2カラムレイアウト

基本的な2カラムレイアウト

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

このページの上部へ