CSSテクニックコミュのシャドウ入り背景画像がフッターの下にはみ出てしまいます・・・

はじめまして。

ＣＳＳコーディングを勉強し始めたばかりの、webデザイン1年生です。

単純な2カラムレイアウトに挑戦しているのですが、
シャドウを入れた背景を上手く組み立てることができず、
お力を貸していただきたくてこちらに来ました。

全体を包む<div id="wrapper">に、左右にシャドウを入れた
gif画像（763×1px）をｙ軸方向にリピートさせています。
wrapperの中に、ヘッダー→メインコンテンツ→フッターという要素を並べているのですが、フッターの下にもwrapperで設定した背景画像がはみ出て表示されてしまいます。
margin,paddingなどは全てゼロにしてみているのですが･･･。

http://www.recycle-labo.com/test/

どうかご指導のほど、よろしくお願いいたします。

コメント(4)

最初
全て
最新の40件

[1] mixiユーザー 08月07日 22:26

ソースを拝見しました。

<div id="foot">
<img src="images/footer.jpg" alt="copyright. Recycle Laboratory All Rights Reserved.">
</div>

ここを……

<div id="foot"><img src="images/footer.jpg" alt="copyright. Recycle Laboratory All Rights Reserved."></div>

にすればＯＫです。

[2] mixiユーザー 08月08日 09:52

>Ken-Sさん

ご丁寧にありがとうございました！

直りました～ヾ(＠＾▽＾＠)ﾉ本当に、助かりました～。

タグ内の余白が影響してたんでしょうか？

ありがとうございました☆

[3] mixiユーザー 08月08日 16:41

安心されてますが・・・ Gecko 系ではまだはみ出してますよ。

#foot img {
vertical-align:bottom;
}

[4] mixiユーザー 08月14日 16:53

＞マッツさん

安心するのが早すぎました･･･ありがとうございます！
firefoxもこれでクリアできたようです。

「Gecko系」って言葉も始めて知りました。
はてな等で読みましたがイマイチよくわからず･･･お恥ずかしいです。
NetScape,firefox等が「Gecko系」って呼ばれていることは理解いたしました。

とても勉強になります。
今後もよろしくお願いいたします。

ログインすると、みんなのコメントがもっと見れるよ