Last week I noticed something very odd on Blue Anvil when resizing the browser window; after some casual browsing I discovered it was not just my site with the problem and that it was quite widespread on many ‘web 2.0′ style sites.
The problem occurs when resizing the browser window; cutting off background images and potentially making text illegible. Worse still, the bug also seems to affect mobile browsers with a zoom function, such as opera mobile.
After some dabbling I found a solution, which I shall explain in this post.
As you may or may not have been aware there has been controversy in the web design community lately about IE’s “opt-in” policy to IE8′s improved web standards rendering (see this post on ALA). Basically, Microsoft were going to make developers add a meta tag to their web pages to make them render in IE8 Standards mode; without it, IE8 would only render in IE7 mode.
Our initial thinking for IE8 involved showing pages requesting “Standards” mode in an IE7’s “Standards” mode, and requiring developers to ask for IE8’s actual “Standards” mode separately. We made this decision, informed by discussions with some leading web experts, with compatibility at the top of mind.
IE Blog
Well, yesterday it was announced that Microsoft had changed their minds and made it an “opt-out” policy instead meaning sites will render in IE8 mode unless told not to. Good news in my opinion, as I believe it will increase the popularity of standards based design in the long term.
In light of the Interoperability Principles, as well as feedback from the community, we’re choosing differently. Now, IE8 will show pages requesting “Standards” mode in IE8’s Standards mode. Developers who want their pages shown using IE8’s “IE7 Standards mode” will need to request that explicitly
IE Blog
Eric Meyers has more information on this story.
After my recent ‘upgrade’ to Windows Vista I came across a little snag in regards to site testing; the Internet Explorer standalones I had come to love no longer functioned.
This became a very annoying issue for me, as I frequently require easy access to old Internet explorer versions for site testing/bug fixing. But at last I have found a solution; although its slightly more awkward than a nice standalone version of the browsers.
Following the recent release of Internet Explorer 7 (IE7), I thought now would be a good idea to scope the competition, and see what the main browsers have to offer. Will Microsoft dominate the browser market with IE7, or can Mozilla steal the show with firefox 2? Read more to see what I think and what I have found.
Most sites on the web are coded using pixels for widths, which is acceptable, however these sites make it harder for users with poor eyesight to increase the text size whilst keeping the layout in place and usable.
That is where ems can help. This guide will explain ems, and show you how to convert a layout to utilize ems.
Conditional comments have been part of internet explorer since version 5, but a lot of programmers ignore them.
This article teaches the basics of using conditional comments, and shows some examples of their uses.
