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.comIn 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 ******************************************************
