質問: 左右の背景を別にする http://www.kyoei-ss.co.jp/index.html では背景を使ってますが左は右側に落ち込む感じ、右は左側に落ち込む感じになっており違っています。どうしたらこのような背景を作れますか。ウェブデザイナーですcssを使えます。 よろしくお願いします。
回答: >ウェブデザイナーですcssを使えます。 (失礼ですが)?????、そりゃないでしょう。 他の気に入ったサイトを見つけると、その仕組みをチェックできないと仕事にならないですよ。 こんなときは、firefox( http://mozilla.jp/firefox/ )とfirebug ( https://addons.mozilla.jp/firefox/details/1843 )および、html validator ( https://addons.mozilla.jp/firefox/details/249 )、web developer ( https://addons.mozilla.jp/firefox/details/60 )は必携です。 ご使命のサイトをfirebugで見ると、cssではなく、単純なtableで作成されています。 なんで??とhead内を確認すると、案の定、件の悪名高きホームページビルダーで製作されていました。 another html-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )でチェックしてみると、当然のように 「がんばりましょう」「141個のエラーがありました。このhtmlは 28点です。」 w3c css 検証サービス ( http://jigsaw.w3.org/css-validator/#validate_by_input )も一行目のdoctypeをはずしても解析エラー まったく参考にはなりません。目の毒です。 >どうしたらこのような背景を作れますか。 両サイドにブロックをabsoluteで本体のheight100%で生成させて背景画像をrepeat-y で指定するのが一番簡単です。 添付はfirebug・・・