backgroundが・・・

質問

http://blog.demo.shop-pro.jp/
オレンジの部分を黄色の部分と一緒にのばしたいのですが、どうすればいいでしょう？
backgroundは加工を入れているのでスライスで3つに切り取って真ん中のを可変するように定義しています。

回答No.1

rainbowsix · ベストアンサー

一つ手段としては、sideとmainを包括したdivをつくり、そのdivにsideとmain両方の背景を一緒くたにスライスした背景を指定してあげる、というやり方が思いつきました。
ただ、Firefox等IE以外のブラウザでは、おそらく包括divは「height:0px;」とされ背景が表示されないと思うので、「clearfix」という処理を包括divにかませる必要があると思います。

「clearfixの決定版を作る －モダンブラウザ編－」
http://norisfactory.com/stylesheetlab/000038.php
上記のcase11が決定版ですが、case10でも十分実用に耐えます。

もう一つの方法として、今流行のajaxを利用して解決する方法が、つい最近出来ました（ｗ
これは、非常に使いやすいAjaxライブラリだと思います。

「ブロックレベル要素の高さを揃えるheightLine.js」
http://blog.webcreativepark.net/2007/07/26-010338.html

どちらにするかは、お好みでお選びいただいてかまわないかと思いますが、
javascript使わない分、最初に示したほうが軽そうには思います。

お礼

なるほど！
では、さっそく最初のやつをやってみようと思います！
こんなに早く返事が来るとは思いませんでした!!
助かります！ありがとうございました!!