- ベストアンサー
左右の背景を別にする
http://www.kyoei-ss.co.jp/index.html では背景を使ってますが左は右側に落ち込む感じ、右は左側に落ち込む感じになっており違っています。どうしたらこのような背景を作れますか。ウェブデザイナーですcssを使えます。 よろしくお願いします。
- ホームページ作成ソフト
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
＞ウェブデザイナーです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で作成されています。 <TABLE width="764" border="0" cellspacing="0" cellpadding="0"> なんで？？とhead内を確認すると、案の定、件の悪名高きホームページビルダーで製作されていました。 <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 12.0.5.0 for Windows"> 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・・・
その他の回答 (1)
- fujillin
- ベストアンサー率61% (1594/2576)
「落ち込む感じ」の意味がわかりかねますが、背景のぼかしの部分のことを意味しているのでしょうか？ 単純に背景だけ見てみればわかると思いますが、固定幅の両サイドをぼかした背景が用意してあって、そのなかに（予定位置に）764px幅のコンテンツを入れているだけではないでしょうか？ http://www.kyoei-ss.co.jp/img/index_back01.jpg （真っ黒の部分の幅が≒740px） 意味が違っていたら失礼。
