http://www.kyoei-ss.co.jp/index.html
では背景を使ってますが左は右側に落ち込む感じ、右は左側に落ち込む感じになっており違っています。どうしたらこのような背景を作れますか。ウェブデザイナーですcssを使えます。
よろしくお願いします。
投稿日時 - 2010-03-11 11:26:55
＞ウェブデザイナーです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・・・
投稿日時 - 2010-03-11 12:15:27
2人が「このQ&Aが役に立った」と投票しています
ベストアンサー以外の回答（1件中 1～1件目)
「落ち込む感じ」の意味がわかりかねますが、背景のぼかしの部分のことを意味しているのでしょうか？
単純に背景だけ見てみればわかると思いますが、固定幅の両サイドをぼかした背景が用意してあって、そのなかに（予定位置に）764px幅のコンテンツを入れているだけではないでしょうか？
http://www.kyoei-ss.co.jp/img/index_back01.jpg
（真っ黒の部分の幅が≒740px）
意味が違っていたら失礼。
投稿日時 - 2010-03-11 12:02:52
