(本文から引用)
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―とある魔術の禁書目録外伝 (電撃コミックス)34人がクリックしました
著者:鎌池 和馬 |
きのう何食べた? 3 (モーニングKC)27人がクリックしました
著者:よしなが ふみ |
ブラック・ラグーン 9 (サンデーGXコミックス)69人がクリックしました
著者:広江 礼威 |



