On Sep 24, 2009, at 2:32 PM, <r...@catjuggling.com> wrote:
> I'm trying to fix a gap between the bottom of an image and the
> border of the container div. I want the border to look like it is
> the border of the image.
>
> Here is the link: http://www.mcmullincreative.com/danbenson/test.html
>
> The image I'm having trouble with is in the larger column. There is
> a light gray border that extends a few pixels too far down. Nothing
> I've tried makes any change to that gap. Any help or suggestions
> would be much appreciated. Thanks.
This is one of those FAQ questions…
An image is an inline element, and rest on the baseline of the block.
In your case
.product img {vertical-align: bottom;}
or
.product img {display:block;}
will solve the issue
For all the details, see
https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
