SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Hybrid View

  1. #1
    SitePoint Member
    Join Date
    Apr 2006
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE Flickering - Page to Page, background image flickering

    This is an IE problem - maybe someone has a working solution?

    Check this video if you want to see what I'm talking about.

    IE 7 Behaves the same as IE6 in the video.
    If you want to see the live site make a hosts entry:

    117.121.242.13 www.advancecarloans.com.au

    Right and a text description.

    When navigating between pages/links the images that are css background-images (its one image, so its quite large - using positions exposes the right image in the right position) flicker... Looks really ugly. The rest of the text that doesn't change does not flicker and just stays visible during the page transition.

    Ideas?
    Thanks

    I've tried this - no change - you can see i applied setting - no change.
    http://www.advancecarloans.com.au/te...o.images.p.png

    GET /templates/zn_01/images/aio.images.p.png HTTP/1.1
    Host: www.advancecarloans.com.au
    User-Agent: Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6
    Accept: text/xml,application/xml,application/xhtml+xml,text/html;q=0.9,text/plain;q=0.8,image/png,*/*;q=0.5
    Accept-Language: en-us,en;q=0.5
    Accept-Encoding: gzip,deflate
    Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7
    Keep-Alive: 300
    Proxy-Connection: keep-alive
    Cookie: c4efb8c7eaec556402d2c25c5bec5a11=f37dd43d96276a97ef42f036b81e3b20; 64fd49d843f32c03c00fdcb9a8e142dc=c08027effb35dbc7358b49c73e5307bb
    Pragma: no-cache
    Cache-Control: no-cache

    HTTP/1.x 200 OK
    Via: 1.1 tinyproxy (tinyproxy/1.6.3)
    Content-Type: image/png
    Etag: "a55f8-46ed3c19-3d8b15"
    Server: LiteSpeed
    Cache-Control: post-check=3600,pre-check=43200
    Date: Mon, 17 Sep 2007 03:44:27 GMT
    Last-Modified: Sun, 16 Sep 2007 14:22:17 GMT
    Content-Length: 677368
    Accept-Ranges: bytes

  2. #2
    CSS & JS/DOM Adept bronze trophy
    Join Date
    Mar 2005
    Location
    USA
    Posts
    5,482
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The flickering isn't as bad for me as in the video.

    Have you tried using a separate background image for the menu?
    We miss you, Dan Schulz.
    Learn CSS. | X/HTML Validator | CSS validator
    Dynamic Site Solutions
    Code for Firefox, Chrome, Safari, & Opera, then add fixes for IE, not vice versa.

  3. #3
    SitePoint Member
    Join Date
    Apr 2006
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Kravvitz.
    Since I was using a single image and choped it up to display the right bits where needed, this image was rather large and really not very cool...

    So I've made individual images now and the flicker isn't as bad, its still there :/

    Oh well, that's crappy IE for you...

  4. #4
    SitePoint Enthusiast NoDude's Avatar
    Join Date
    Sep 2007
    Location
    Sofia, Bulgaria
    Posts
    68
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by SoreGums View Post
    This is an IE problem - maybe someone has a working solution?

    Check this video if you want to see what I'm talking about.

    IE 7 Behaves the same as IE6 in the video.
    If you want to see the live site make a hosts entry:

    117.121.242.13 www.advancecarloans.com.au

    Right and a text description.

    When navigating between pages/links the images that are css background-images (its one image, so its quite large - using positions exposes the right image in the right position) flicker... Looks really ugly. The rest of the text that doesn't change does not flicker and just stays visible during the page transition.

    Ideas?
    Thanks

    I've tried this - no change - you can see i applied setting - no change.
    I couldn't open the links you gave, but by the looks of it, the image still isn't being cached.

    Try this javascript in the head section of your document:
    Code JavaScript:
    try{
    document.execCommand(’BackgroundImageCache’,false,true);
    }catch(ignoreme){}


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •