[ CSS ] 3カラムレイアウト固定幅と可変幅のサンプル




CSS Layout


c-col

  • OK – Mac Firefox 1.5
  • OK – Mac Safari 2.0.3
  • OK – Mac Opera 8.01
  • OK – Win Firefox 1.5
  • OK – Win Internet Explorer 6.0
  • OK – Win Netscape 7.2

l-col
r-col


### 実際の動作サンプル

3カラム固定幅のレイアウト

3カラム可変幅のレイアウト
———————————————————————-

それから、3カラム可変幅のレイアウトもやってみたのだけれど、サイドバーの背景色を一番下まで伸ばすのはどうやるんだろう?
固定幅なら、BODY に背景画像を指定するんだが。

### サンプルコード



CSS Layout


c-col

  • OK – Mac Firefox 1.5
  • OK – Mac Safari 2.0.3
  • OK – Mac Opera 8.01
  • OK – Win Firefox 1.5
  • OK – Win Internet Explorer 6.0
  • OK – Win Netscape 7.2

  • menu
  • menu
  • menu
  • menu
  • menu
  • menu
  • menu
  • menu
  • menu
  • menu
r-col


### 実際の動作サンプル

3カラム可変幅のレイアウト

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です