東方中央幻視台

瞼の裏に弾幕が飛び交う程度の能力 - 永夜抄Normalはそれなりに難しい。

目次

Blog 利用状況

ニュース

自己紹介

関連サイト

投稿カレンダー

  • スクリプトをダウンロード!

ブログパーツ

Adsense

書庫

日記カテゴリ

カラムレイアウトの方法

HTMLでカラムレイアウト(段組)を実現する方法には、大まかに分けて

  1. table
  2. float
  3. position:absolute

の3種類の方法があります。

標準として採用されている環境としては、

  1. ホームページビルダー、Wordなど
  2. DreamWeaver、Wikipediaなど
  3. わんくまブログ、など

があり、もちろんそれぞれの方法に利点と欠点があります、

利点

  1. ブラウザの差違に関わらずほぼ正しく表示できる
    微調整が簡単
    全カラムの高さが同じ
  2. 標準仕様との合致率が高い
    ソースが綺麗
  3. 直感的に配置できる
    HTMLでの位置がレイアウトに影響されない
    IEのmargin2倍バグに影響されない

欠点

  1. 全体を読み込むまでレンダリングされない
    ソースが凶悪に汚い
    大胆な調整が難しい
    ブラウザのバグで落ちることがある
  2. 本文内でclearをした場合に落下する
    marginが足りなくても落下する
    HTMLでの位置に制約がある
    難しい。
  3. ボックスの干渉が起こりやすい
    CSSが若干汚い
    フッターを全体の下に配置できない

結論

  • tableレイアウトは論外
    見た目は美しいがソースが汚いため時代後れなイメージを受ける
  • floatかabsoluteかですが、floatを使いこなせる人はそっちを使うべきでしょう。
    しかしながら、floatレイアウトは一朝一夕でマスターできるほど簡単な物ではありませんし、ブラウザの相違を吸収するのにも手間がかかります。
    よって、CSSに不慣れな人や時間の無いときはabsoluteを使用する方が賢明です。

投稿日時 : 2008年6月18日 13:29

コメントを追加

No comments posted yet.
タイトル  
名前  
URL
コメント