(本文から引用)
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
- タグ:
-
ゲームソフトさん 2007/12/05 22:22
-
すももさん 2007/11/09 13:07
-
lifetime-chanceさん 2007/07/09 08:20
-
inmymemoryさん 2007/06/04 12:24
-
moさん 2007/01/09 10:32
みんなのおすすめ商品(Amazon.co.jp)
|
|
|
|
|---|---|---|---|
聖☆おにいさん 4 (モーニングKC)125人がクリックしました
著者:中村 光 |
魔法先生ネギま! 28 (少年マガジンコミックス)18人がクリックしました
著者:赤松 健 |
NARUTO (巻ノ48) (ジャンプコミックス)108人がクリックしました
著者:岸本 斉史 |



