CSS Voodoo. Same code, acts differently

[arn]

Can someone on Windows IE visit both of these pages:

#1 http://www.chaosmint.com/testcss/test.html

and

#2 http://www.alistapart.com/d/slidingdoors2/v1/ex10.html

For me, #1 flickers on Windows IE. #2 does not. The only difference? hosted on different servers. same code, same graphics.

arn

[Chris Gwynne]

They both flicker in IE...

[drippyzeo]

The flicker is a caching problem with IE. A possible workaround exists.

[Paul O'B]

Hi,

What size are the images you've saved? The listapart ones are about 2.5k and I think yours are considerably larger than that, whuich is why they are taking a while to update.

The flicker is a caching problem with IE. A possible workaround exists

That method still flickers slightly in IE as the hourglass flicks on and off.

The method I use here has no flicker at all :
http://www.pmob.co.uk/temp/cssrollover4.htm

Paul

[arn]

Hi,

What size are the images you've saved? The listapart ones are about 2.5k and I think yours are considerably larger than that, whuich is why they are taking a while to update.

they are the exact same images as listapart


arn

[Paul O'B]

they are the exact same images as listapart

Prove it

Load them into your graphics package and tell me how many k they are. When I tried to save them they said they were bmp's? It might just be me though

Paul

[Keriam]

Hmmm, is it just me? I can not 'view source' on yours but can on alistapart's.

[arn]

Prove it

Load them into your graphics package and tell me how many k they are. When I tried to save them they said they were bmp's? It might just be me though

Paul

The directory is listable:

http://www.chaosmint.com/testcss/

it may have been a htaccess hotlinking prevention thing that might have been messing people viewing source/download images. I've removed the htaccess. sorry about that.

arn

[arn]

Hi,


The method I use here has no flicker at all :
http://www.pmob.co.uk/temp/cssrollover4.htm

Paul

yeah... the advantage of listapart's was it was variable length depending on the size of the text... rather than fixed size.

but thanks... I may have to accept that.
arn

[Paul O'B]

Hmm thats weird. I tried saving alistaparts image and it says its 2.5 k and saves is as a gif.

When I save the image from your site it tells me its a bit map of 121k. Yet when I visit using OPera7 I can save your image as 3k??

I'm not sure what's going on there - its confused me.

Paul

[arn]

Hmm thats weird. I tried saving alistaparts image and it says its 2.5 k and saves is as a gif.

When I save the image from your site it tells me its a bit map of 121k. Yet when I visit using OPera7 I can save your image as 3k??

I'm not sure what's going on there - its confused me.

Paul

very interesting...

I mod'd the file so it pulls the images from alistapart's server:

http://www.chaosmint.com/testcss/test_linking.html

and it doesn't flicker for me... so perhaps the images are somehow off, as you suggested. I'm not sure how/why. I simply downloaded alistapart's images and uploaded them to my server.

The old file with local .gif's still flickers for me (so, it didn't have anything to do with the htaccess thing which is still off)

http://www.chaosmint.com/testcss/test.html

It's not a size issue:

drwxr-xr-x    2 chaosmin chaosmin     4096 Dec 16 20:17 .
drwxr-x---   27 chaosmin nobody       4096 Dec 16 20:05 ..
-rw-r--r--    1 chaosmin chaosmin      355 Dec 16 16:24 bg.gif
-rw-r--r--    1 chaosmin chaosmin      609 Dec 16 16:24 left_both.gif
-rw-r--r--    1 chaosmin chaosmin     2574 Dec 16 16:24 right_both.gif
-rw-r--r--    1 chaosmin chaosmin     2879 Dec 16 16:26 test.html
-rw-r--r--    1 chaosmin chaosmin     3014 Dec 16 20:17 test_linking.html

[Keriam]

Well, I guess I am more confused than ever. I downloaded alistapart's gif's and your code, uploaded them to my site, and it works like it should. No flicker. Maybe it is a hosting issue, but that seems rather odd.

[arn]

hmm... odd...

now image not loading..

brb

arn

[Loxias]

hmm... odd...

now image not loading..

brb

arn

Maybe they cut-off you hotlinking?

[arn]

Maybe they cut-off you hotlinking?

yeah... guess so.

arn

[vgarcia]

Hmm thats weird. I tried saving alistaparts image and it says its 2.5 k and saves is as a gif.

When I save the image from your site it tells me its a bit map of 121k. Yet when I visit using OPera7 I can save your image as 3k??

I'm not sure what's going on there - its confused me.

Paul

Off Topic:

Your IE cache is probably full. Just try clearing it out and going back to the page in question.
http://support.microsoft.com/default...b;en-us;260650 covers it all.

[Paul O'B]

Off Topic:

Your IE cache is probably full. Just try clearing it out and going back to the page in question.
http://support.microsoft.com/defaul...kb;en-us;260650 covers it all.

Thanks for the info Vinnie (i didn't know that). Anyway, I tried all the solutions mentioned but it still doesn't make any difference. It's only the image on arn's site that comes up as bmp. Any other images are fine.

This is what makes me think its something to do with his server and IE.

Paul

[Loxias]

I've seen IE try to save images as bmps all the time. I'm assuming you're using IE 6? It never seems to be the same problem but generally a service pack reinstall or IE reinstall fixes it. Never had it happen for just one site though.