Just launched an all CSS design for our new web site (http://www.daemon.com.au/) only to discover an annoying rendering issue under IE browsers. If the CSS style sheet is not in the browsers cache it decides to render the page in unadorned text first before applying the style sheet.
A great little article on BlueRobot put me out of my misery:
"Some pages that use the CSS @import rule experience a curious display quirk in the Windows version of MS Internet Explorer: a momentary flash of unstyled page content. The unimaginative creature that I am, I call this phenomenon Flash of Unstyled Content or FOUC for short."
Unfortunately, our Content Management Solution - FarCry, dynamically works out what CSS styles to @import based on where in the site you are. We use @import for convenience (yes, I iknow we are not catering for early browsers).
We at least had one client who thought the ugly re-rendering was a deliberate "flickering effect", and was wondering how they could copy it! We used the following hack to get around the issue, and it should be appearing on the public site after our next code progression.
<head>
<title>My Page</title>
<script type="text/javascript"> </script>
<style type="text/css" media="screen">@import "style.css";</style>
</head>
Not really Macromedia MX related, but I thought it warranted a little snippet note in any event ;) One of those "mysteries of the web" entries, if you like.
Posted by modius at 07:19 PM | Permalink
Trackback: http://blog.daemon.com.au/cgi-bin/dmblog/mt-tb.cgi/44
