Tim: Thanks for the quick response. I suspected the inline vs. block thing
was involved somehow and had discovered that setting image to block resolved
the issue. I also had pretty much decided that's the reason I've never noticed
this before - because in most situations I'm containing an image in a div so
it's within a block context.
I know that probably sounds ungrateful or "yeah I knew that" but that's not the
way I mean it. I should have mentioned all that in my original email but it was
getting long! :)
David: Yes, setting img {display:block;} does solve the problem but I'm more
curious about why the difference with the line break before the </a> tag.
I guess part of my question is would this be considered a bug in FF or just the
way it happens to render? I can't think of any other situation where a hard
return before something like a closing anchor tag causes a difference in
spacing on FF but perhaps that is the case with inline elements?
Also, it's interesting that IE7 did not have this problem (if it's a problem at
all) and now IE8 does.
Thanks again for responding!
Brian
Brian Jones
Web Communications Specialist
The University of Alabama
[email protected]
205.348.8315
> -----Original Message-----
> From: Tim Snadden [mailto:[email protected]]
> Sent: Monday, April 27, 2009 4:40 PM
> To: [email protected]
> Cc: Jones, Brian
> Subject: Re: [css-d] FF3 and IE8 vertical spacing issue below linked image
>
> >
> >
> > Is this just a known bug or issue in FF3 or Firefox in general that
> > I've been completely ignorant about? Or do I have some stupid error
> > in my code that is causing this?
>
> The issue is that the image is being displayed as an inline element
> and therefore has some space under it for descenders in the text. If
> you set it to block it won't have a space below it any more.
>
> Cheers, Tim
______________________________________________________________________
css-discuss [[email protected]]
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/
