[ CSS ] 2コラムのリキッドレイアウトで背景画像を下まで伸ばす

2コラムのリキッドレイアウトで左右のコンテンツ量が違うと内容が少ない方の背景色がページ下部まで延びない問題が解決したので、サンプルファイル をアップしておきます。

表示の確認をしたブラウザは以下の通り

  • OK – Mac Firefox 1.5.0.3
  • OK – Mac IE 5.2.3
  • OK – Safari 2.0.3
  • OK – Mac Opera 8.01

サンプルレイアウトの場合、左のコンテンツエリアを 65% にして、右のサイドバーを 35% にしていますので、背景画像も 4,000px で、65%:35% で塗り分けています。で、その背景画像を

body { background: url(bg_container.gif) 65%; }

てな感じで指定しています。こんな指定方法で良かったのだろうか?

コメントを残す

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