Posted by Jim Moe on 12/20/12 11:45

Paul Watt wrote:
>
> I've got a problem with a layout issue in FF. In IE everything displays
> properly but in FF there's gaps in the layout and it driving me mental. i've
> set margins and padding to 0 on everything.
> the url is http://www.simongogerly.com/test/
>
This persists as one of the darkest secrets of CSS.
<img> is an inline object that is treated like text so there is bottom
space allowed for a descender. This makes sense when there is text around
an image.
To remove the bottom space:
img { vertical-align: bottom; }

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

[Back to original message]