CSSによる段組（マルチカラム）レイアウト講座

1606 12

CSSによる段組（マルチカラム）レイアウト講座

http://www.geocities.jp/multi_column/ 本文へ

（本文から引用）

CSSによる段組（マルチカラム）レイアウト講座最終更新 2006年5月28日このサイトについてテーブルを使わず、CSS で段組レイアウトを実現する方法を、CSS2 の仕様を根拠に、ブラウザのバグ対策を交えながら解説します。CSS で段組レイアウトをするには float か position を使うのが一般的です。テーブルレイアウトとは異なり、HTML はそのままで、CSS を変更するだけで左右のカラム（段）を入れ替えられます。基礎編では float の仕様とブラウザのバグについて、実践編では4つ（3カラムでは5つ）のボックスとそれらのコンテナブロックを用いた HTML を例に、float を利用したよくあるレイアウトのやり方を説明します。目次基礎編フロートを使ってみるボックスモデルと DOCTYPE スイッチボックスモデルバグの対処法実際に段組を作ってみるフロートの性質clear の性質段組が崩れるのを防ぐ実践編2カラム（メインカラム→サイドバー）幅固定幅可変メインカラム幅可変、サイドバー幅固定2カラム（サイドバー→メインカラム）幅固定幅可変メインカラム幅可変、サイドバー幅固定1メインカラム幅可変、サイドバー...
続きを読む

この記事をクリップする

この記事をクリップしたユーザー一覧

ooxさん 2008/08/16 23:09
タグ：
オレンジさん 2008/03/13 16:46
タグ：
nyomoさん 2008/01/17 14:02
タグ：
- 【html】
ゲームソフトさん 2007/12/05 22:22
タグ：
すももさん 2007/11/09 13:07
タグ：
- 【css】
- 【レイアウト】
lifetime-chanceさん 2007/07/09 08:20
タグ：
- 【webデザイン】
- 【学習】
inmymemoryさん 2007/06/04 12:24
タグ：
moさん 2007/01/09 10:32
タグ：

この記事にコメント！

みんなのおすすめ商品（Amazon.co.jp）

　　あなたもアフィリエイトを始めませんか？　　　　


よつばと! 9 (電撃コミックス) 60人がクリックしました著者：あずまきよひこ出版社: 角川グループパブリッシング	おおきく振りかぶって Vol.13 (アフタヌーンKC) 43人がクリックしました著者：ひぐちアサ出版社: 講談社	のだめカンタービレ #23 (講談社コミックスキス) 154人がクリックしました著者：二ノ宮知子出版社: 講談社