Cem Meric wrote:
>> I'm stumped by an extra three pixels of padding that are appearing at
>> the bottom of images I enclose in divs.
>>
>
> The issue I believe is caused by DOCTYPE (XHTML 1.0 Strict) rules e.g. div
> needs height declaration with the same value as the image in order to wrap
> it perfectly.
This might be true, but really the issue is to do with the fact that
images are by default inline elements - text needs space below the
baseline for the "tails" of letters such as g, p, q etc. This is the
space you are seeing under the image. The easiest fix is to add
{display:block;} to the image. No need then to mess around with doctypes
or heights.
D#
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
