srinivas
On 8/21/06, Nick Fitzsimons <[EMAIL PROTECTED]
> wrote:
On 21 Aug 2006, at 09:16, Adam Morris wrote:
> Something to do with inline elements then and having to alter them
> to 'block'
>
> On 21/08/06, Robbie Shepherd < [EMAIL PROTECTED]> wrote:
> img{
> display: block;
> }
>
> also fixes the issue.
>
> On 8/21/06, Adam Morris <> wrote:
> http://www.maxbulley.com
> In IE, there is a space underneath the photograph (ugly); in FF,
> there isn't (nice). How to get rid??
>
Exactly. When an image is inline (which is the default "display"
property value for images), its "vertical-align" property has the
default value of "baseline", meaning, aligned with the baseline of
the text it is assumed to be inline with. However, the descenders on
letters like "g" and "y" need space below the baseline, hence the gap
you were seeing. Setting the image's "display" property to "block"
means that the browser no longer has to make allowance for the
possibility of a lower-case "g" or similar appearing inline with it,
and therefore it no longer leaves space for it.
HTH,
Nick.
--
Nick Fitzsimons
http://www.nickfitz.co.uk/
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
