On 15 mar, 00:28, dorayme <doraymeRidT...@optusnet.com.au> wrote:
> In IE 7, is there a bottom margin showing in
http://netweaver.com.au/alt/IEBottom...n_problem.html
> I have not identified this bug, if it is one and if anyone has
> come across it, what are best ways of defeating it?
Yes, there is definitely an issue with IE 7 and IE 8. It certainly
looks like a bug to me.
In IE 7, I see no bottom margin below the red bottom-border.
In IE 8 beta 1, I see no top margin at the top of the red top-border
and I see no bottom margin below the red bottom-border.
Firefox 2.0.0.12 and Opera 9.26 report (via DOM inspector and
Developer console) a 20px margin-bottom.
Safari 3.1, Firefox 2.0.0.12 and Opera 9.26 all render a 20px bottom
margin below the red bottom-border and a 20px top margin at the top of
the red top-border.
Best way to work around these strange - definitely buggy - behaviors?
First off, I would remove #mainWrapper and transpose its CSS rule to
the body element. Your #mainWrapper is in fact duplicating the role of
<body>.
>I can think
> of practical ways (and have implemented them already elsewhere),
> but I suspect that there is better. (eg, an extra div, empty with
> a height at the bottom. Not pretty!)
Definitely *_not_* an extra div. If there is a bug, in particular a
CSS bug, then try to workaround it with CSS, not by adding more
markup. Use conditional comment if there is no other more reasonable,
rational solution... otherwise invite your visitors to switch to a
better browser.
Dorayme, keep monitoring this thread... I'll get back to you on
this... most possibly with a bug report to Microsoft IE team and with
a bug entry at my website.
Regards, Gérard
--
Internet Explorer 8 bugs
http://www.gtalbot.org/BrowserBugsSection/MSIE8Bugs/