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

２コラムのリキッドレイアウトで左右のコンテンツ量が違うと内容が少ない方の背景色がページ下部まで延びない問題が解決しました。

この記事の目次非表示

動作サンプル

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

で、その背景画像を

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

てな感じで指定しています。

こんな指定方法で良かったのだろうか？

現場からは以上です。それでは、またッ！！！

だるかぶ

最後までお読みいただきありがとうございます！スキ・コメント・シェア・フォローなどで応援いただけると『だるかぶ』のやる気がアップします！

記事内容の修正について 記載している内容は記事執筆時の情報です。できるだけ最新情報を掲載するようにしていますが、情報が間違っている場合は「コメント」でご指摘いただけるとありがたいです。