8 replies [Last post]
Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 7 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Site in question is: http://testing.tyssendesign.com.au/
I've checked it out pretty thoroughly in WIN FF 1.0.7/1.5, IE 5.01/5.5/6 & Opera 8.5 and checked out screenshots of Safari on iCapture and it seems OK.
But I've just had my wife look at it using IE6 at her work (big corporate company with a huge network) and she reckons she's seeing what's in the attachment whenever she rolls over any of the links in the #header section. It looks like some kind of Flash of Unstyled Content thing except that it's not completely unstyled cos you can still see some of the styles. It's almost like images are somehow being turned off.
I can't replicate the problem using IE6 either here (work) or at home so I'm wondering if anyone else can see it and if they do, if they know of any way to fix it? :?

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 3 years 4 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

FOUC-like behaviour in IE

Hi Tyssen

Yes, it is there.

You can get rid of it by putting a normal <link ... /> to a non-existent stylesheet (I often use kill-IE-FOUC.css as its name). As soon as IE sees an external stylesheet, it leaves ALL processing of the head bits BEFORE starting to render the page.

As the file does not exist, it adds extremely minimal bandwidth overhead (just for the server to inform the browser the file does not exist).

Otherwise, putting an bit of javascript in does the job (providing the user has it enabled).

This DOES NOT fix Opera FOUC (no solution known).

Trevor

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 7 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

FOUC-like behaviour in IE

I would've thought something like:

<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<link rel="icon" type="image/ico" href="/favicon.ico" />

would serve the same sort of purpose as a link to a non-existant stylesheet. Or does it have to be a stylesheet link?
Anyway, I've added a link to a print stylesheet which was required anyway.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

FOUC-like behaviour in IE

Presume that's now fixed with the media=print stylesheet link, as all looks fine on IE6.
Edit: my question answered as I submitted Smile, it's a link element that sorts the problem.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 7 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

FOUC-like behaviour in IE

Hugo wrote:
Presume that's now fixed with the media=print stylesheet link, as all looks fine on IE6.
Edit: my question answered as I submitted Smile, it's a link element that sorts the problem.

I'm hoping so. I can't actually tell at the moment because I've never seen it occur on any of the machines I've tested on. Will have to get my wife to look again tomorrow at her work.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 7 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

FOUC-like behaviour in IE

Apparently the problem is still happening in IE6 on certain PCs (but not others), so it must be something else other than FOUC. Anyone have any ideas what it could be? (I realise it's very hard to tell when you can't actually see the problem yourself, which is exactly the situation I find myself in.)

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

ragamuffin
ragamuffin's picture
Offline
Leader
Iowa
Last seen: 12 years 38 weeks ago
Iowa
Joined: 2005-06-02
Posts: 691
Points: 0

FOUC-like behaviour in IE

Tyssen -
I just tried it on my machine with IE6. All is well...I am not experiencing the issue shown in the gif file. Smile

- r

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 7 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

FOUC-like behaviour in IE

Yeah, that's what makes this tricky - it happens for some people, but not others. :?

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

FOUC-like behaviour in IE

It would seem to suggest a caching problem then possibly, can you get them to try changing:

Tools > Internet Options > general > temp internet files >settings

and changing the caching options at the top or at least seeing if they're running with different settings to yours.

Although I still can't replicate a problem changing between 'automatic', 'check every visit', and 'never'

So sorry but not much help!

P.S try getting them to flush the cache , they may have reached the cache file limit and not actually be storing images but having to download each visit

Hugo

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me