6 replies to this topic

[mregan]

We just got our first complaint about IE9, the end of our client's menu was wrapping to the next line.

We were using a 'ul' to display inline and setting the spacing with 'padding:0 18px;'.

Turns out IE9 was adding an extra pixel to the padding which was enough to wrap the last item. Reducing it to 'padding:0 18px;' made it look right in IE9 - but wrecked it for other browsers, including IE8.

I used:

<!--[if IE 9]>
<style>
Over wrote the styling here
</style>
<![endif]-->

to fix the problem.

We use this layout a lot. Looks like a lot more work. I haven't checked to see if 'margin' has the same problem - but I wouldn't be surprised.

[bwelford]

A foolish consistency is the hobgoblin of little minds.
If only Microsoft programmers had little minds. Consistency is not at all foolish in this case.

[Michael_Martinez]

I see more and more HTML *IF* statements when I look under the hood of Websites these days. I get the feeling that HTML is moving in the wrong direction.

[DCrx]

Many designers use a reset.

[Michael_Martinez]

So reset styles force the browsers to all behave according to one set of expectations?

[iamlost]

So reset styles force the browsers to all behave according to one set of expectations?

Yes.
As each browser comes with it's own default CSS settings a good reset basically zeroes them out.
One word of caution: some defaults may be OS defaults, especially with regards to Windows and forms. These can be removed but not reapplied. Not usually a problem, just something to be aware of when debugging.

[glyn]

so pleased I don't design websites and just buy templates or give instructions to designers!