Matt Harris wrote:
> I'm using text-indent to replace a title (h3) with a graphic for a
> News & Events highlight on http://beta.wesleyseminary.edu/.
> Unfortunately, in IE there is 20 pixels of extra space between the h3
> and the first item in the 'News and Events' highlight on the bottom,
> right side of the homepage. While in Firefox it looks great.
It's due to different handling of 'collapsing margins'[1] - different
browser-bugs at play.
Solution: catch the 'collapsing margins' at the right place.
You may try adding...
#wrapnewsevents {float: left}
...which will work. However, there's no way to guarantee that anything
works as expected as long as you use...
> http://rafael.adm.br/css_browser_selector
...to target[2] browsers.
BTW: you have triggered the 'em font-resizing bug'[3] in IE.
regards
Georg
[1]http://www.w3.org/TR/CSS21/box.html#collapsing-margins
[2]http://www.quirksmode.org/blog/archives/2006/08/the_dangers_of.html
[3]http://www.gunlaug.no/contents/wd_additions_13.html
--
http://www.gunlaug.no
______________________________________________________________________
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/
