Foundation Flash wrote:
> Dear all,
> Earlier this week I asked a direct question and got a direct response.
> Now I have a more general point, but a direct answer is always nice. I
> was just using BrowserShots to looks at the cross-browser compatibility
> of a design (http://shrinkify.com/2od) and all was going well - it
> displayed fine in Firefox, Safari and IE6 and 7 (I was particularly
> looking at the tabs in the top left) but when it can to IE8 (screenshot:
> http://shrinkify.com/341) I noticed that the vertical 8px top, 8px
> bottom padding had disappeared, or rather it wasn't showing the
> background blue colour.
> Is this a problem with my design? Is a hack available? Is this something
> that's going to happen when IE8 is officially released? Should I be
> bothering to fix it?
> So many questions - sorry. I just don't know what to think about IE8.
> Thanks,
> Harry
The CSS in question is.
#navigation {
padding: 0.6em 0;
}
#navigation li {
display: inline;
}
If IE8 saw this instead it would render the same as all other browsers.
#navigation {
padding: 0;
}
#navigation li {
display: inline-block;
}
There is a bug with display:inline in IE8 when used on block elements.
The expected behavior is outlined in the spec for calculating heights
[1]. I still have no clue what is happening since my testing of IE8 has
focus on other bugs. Bruno or Georg may be able to clarify what is
happening. All I know is IE8 has many many bug, but they are nothing
like IE7 apart from a few.
[1] <http://www.w3.org/TR/CSS21/visudet.html#inline-non-replaced>
Don't hack for IE8 (though I and others know how :-). It's MS job to fix
IE8.
Alan
http://css-class.com/test/
______________________________________________________________________
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/
