Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    Regular Coder
    Join Date
    Nov 2004
    Posts
    101
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Image rollover Flicker in IE

    I'm randomly getting flicker on my rollovers in IE - when I check the page locally with IE there is no flicker but when I upload to the server and check the page online there is. I am not following the update section about flickering in the article (http://wellstyled.com/css-nopreload-rollovers.html) - I don't see the change.....any help is greatly appreciated.

    Anyhow here is my code for reference if needed:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Title Goes Here</title>
    </head>
    <style>
    * {
     margin: 0;
     padding: 0;
     }
    
    body {
    margin:0;
    padding:0;
    background-color:#cccccc;
    }
    
    a img {
    border-width:0;
    }
    
    #wrapper {
    width: 700px;
    height: 565px;
    margin-left:auto;
    margin-right:auto;
    margin-top:5px;
    border: 1px solid #808080;
    background-color:#ffffff;
    } 
    
    #sidebar {
    width: 123px;
    height: 565px;
    float: left;
    background-image:url(images/sidebar.jpg);
    }
    
    #content {
    margin-left: 125px;
    height: auto;
    width:auto;
    padding: 30px;
    }
    
    h1, h2 {
    font:Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-style:oblique;
    color: #444444;
    }
    
    h2 {
    margin-top:100px;
    }
    
    /* Begin W Boxes */
    #b1w, #b2w, #b3w {
    position:relative;
    float:left;
    height:35px;
    width:35px;
    border:1px solid;
    border-color: #808080; 
    margin-top: 5px;
    margin-right: 5px;
    background-color:#ffffff;
    }
    
    #b1w {
    background-image:url(images/brooke.gif);
    }
    
    #b2w {
    background-image:url(images/lakeo.gif);
    }
    
    #b3w {
    background-image:url(images/velagio.gif);
    }
    
    
    /* Begin C Boxes */
    #b1c, #b2c, #b3c {
    position:relative;
    float:left;
    height:35px;
    width:35px;
    border:1px solid;
    border-color: #808080; 
    margin-top: 5px;
    margin-right: 5px;
    background-color:#ffffff;
    }
    
    #b1c {
    background-image: url(images/liveit.gif);
    }
    
    </style>
    <body>
    <div id="wrapper">
    	<div id="sidebar"></div>
    	<div id="content">
    		<h1>W Header</h1>
    			<div id="b1w"></div>
    			<div id="b2w"></div>
    			<div id="b3w"></div>
    		<h2> C Header</h2>
    			<div id="b1c"></div>
    			<div id="b2c"></div>
    			<div id="b3c"></div>
    	</div>
    </div>
    </body>
    </html>

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    can we see your page in action? its hard to know what is happening from just the code if we dont have the images

  • #3
    Regular Coder
    Join Date
    Nov 2004
    Posts
    101
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Yeah, my bad.

    Here it is:

    http://www.portfolio.yourthreshold.com/

    It works really smoothly in Firefox but IE flickers...

  • #4
    Regular Coder
    Join Date
    Nov 2004
    Posts
    101
    Thanks
    1
    Thanked 0 Times in 0 Posts
    anyone??

  • #5
    New Coder
    Join Date
    Aug 2004
    Posts
    46
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Two things:

    1) Check your Internet Settings in IE. Temporary Internet Files settings. Is your browser set to: Every visit to the page? If so, that will cause a flicker. Default, I believe, is set to Automatically. That will not show the flicker. So odds are your flicker won't be seen by everyone as very few people get into those settings to change stuff around.

    2) Check this: http://www.jcornelius.com/articles/a...image-flicker/

    That may be the answer you are looking for. I've used it to solve my own flicker problems in the past. Works like a charm now for me.

  • #6
    Regular Coder
    Join Date
    Nov 2004
    Posts
    101
    Thanks
    1
    Thanked 0 Times in 0 Posts
    My web settings are set to Automatically....

    Unfortunately I can't change my web server settings - is there an ASP or PHP solution that I could create to solve this problem?

    Thanks.
    Last edited by niemie; 03-21-2005 at 08:04 PM.


  •  

    Posting Permissions

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