Is There Any Way to Get the Background Graphic to Show in IE?

10 replies
  • WEB DESIGN
  • |
Hi all, well l have pretty much given up on finding a viable way to get my background graphic to show in IE, apart from just putting up some text saying "if you are using IE, refresh your page?"

This is the code that l am using...

<style type="text/css">
<!--
body{
background-image:url(attachments/Image/Traffic_Mastermind/BG-SP-F4.jpg);
background-attachment:moved;
background-repeat:no-repeat;
background-position:top center;}
-->
</style>
And l have found some code online that refreshes the page by itself, but unfortunately it doesn't get the background graphic to show up.

It seems that hitting the refresh button is the only way to get this pesky browser to behave!

Detailed instructions on how to fix this on IE, isn't viable as l am creating a product on a website, (Hostgator) so giving visitors complex instructions on how to fix this isn't an option.

It would be wonderful if someone out there had some code that could mimic the refresh button on IE, so it would automatically fix this issue on loading the page, or the next best thing.

Appreciate any feedback..

Shane
#background #graphic #show
  • Profile picture of the author andrejvasso
    First of all: The value "moved" does not exist. You can use: scroll, fixed or inherit as property values for "background-attachment".

    You better change that right now before we continue. Maybe that fixed your problems already? If not, lets continue:

    Secondly: What IE version we are speaking of? I hope you know that there are a lot different IE versions out there in the wild and each one is behaving differently.

    Also: I cant imagine why you would need a refresh to show a background image? You will need to post more of your code, because my guess is the problem is somewhere else in your code and not in that small css snippet (besides the inexistent value "moved", which you should have changed by now! ).
    {{ DiscussionBoard.errors[4851191].message }}
  • Profile picture of the author NicheMagic
    post all your CSS code. Might have something to do with your HTML and BODY tags

    Also remove the position code and give it a try. this has worked for me in the past.

    I HATE IE FF all the way
    {{ DiscussionBoard.errors[4851519].message }}
  • Profile picture of the author NicheMagic
    I also noticed you have no spaces.

    try this

    Code:
    <style type="text/css">
    <!--
    body{
    background-image: url(attachments/Image/Traffic_Mastermind/BG-SP-F4.jpg);
    background-repeat: no-repeat;
    background-position: top center;}
    -->
    </style>
    I removed the moved thing and added a space after the :
    {{ DiscussionBoard.errors[4851532].message }}
    • Profile picture of the author andrejvasso
      Originally Posted by NicheMagic View Post

      I also noticed you have no spaces.
      Spaces are not necessary. I never use them, however the OP can give it a try.. you never know and it wont do any bad + code is a bit more "readable" using spaces
      {{ DiscussionBoard.errors[4851564].message }}
      • Profile picture of the author tagiscom
        Thanks everyone for your help, but unfortunately after trying everything mentioned, - no change.

        And it is IE 9.

        That is the only script that l am using apart from the code for the video. I am using Sitebuilder for the actual graphics, text, etc on the page, but l need the code to show the side and top, bottom graphic, so it is up there with the best Clickbank graphics pages!

        Shane.

        P.S. when l used this code for a header background graphic, on another campaign it did show up, but apparently when you have a one page or it scrolls down several pages, no show?
        {{ DiscussionBoard.errors[4856155].message }}
  • Profile picture of the author andrejvasso
    The css snippet you posted is not a script.

    Also: if you really want some help, than you have to show us more code (and please put it in a readable format inside CODE tags). Show the code of the page in question.

    The css code that you posted will work 1000% (after the changes I have already suggested) in IE. Let me prove that to you: It works!

    You see? It works without problems - therefor the error is somewhere else in your code/or maybe your image doesnt exist in "attachments/Image/Traffic_Mastermind/BG-SP-F4.jpg" ?!
    {{ DiscussionBoard.errors[4856960].message }}
    • Profile picture of the author tagiscom
      Ok, andrejvasso. :rolleyes:

      Yeah, l know that it works, it purrs like a kitten in Firefox, etc but not in IE?

      Here is the code for the entire page on Hostgator, and the link to the public page, it is still under construction, but if you scroll down and click on the links, and try this in IE as well as Firefox you will see what l mean!

      Site title - Traffic Mastermind


      PHP Code:
      <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Site title Traffic Mastermind</title> <meta name="DESCRIPTION" content="Find Tons of Lazer Targeted, Profitable Traffic For Your High Converting Product's With This Proven Business System!"> <meta name="KEYWORDS" content="traffic mastermind, targeted traffic, profitable traffic"> <meta name="GENERATOR" content="Parallels Plesk Sitebuilder 4.5.0"> </head> <body class="pageContent"><div style="text-align: center;"><br /> &nbsp;</div> <br /> <table width="700" height="200" cellspacing="0" cellpadding="0" border="0" align="center" id="Table_01" class="outermosttableborder">     <tbody>         <tr>             <td width="700" height="36" background="images/index_03.gif" style="text-align: center;"><br />             <br />             <span style="color: rgb(128, 128, 128);"><span style="font-size: small;"><span style="font-family: Verdana;"><br />             </span></span></span><br />               <style type="text/css"> <!-- bodybackground-imageurl(attachments/Image/Traffic_Mastermind/BG-SP-F4.jpg); background-attachment:movedbackground-repeat:no-repeatbackground-position:top center;} --> </style>     <object width="640" height="510"><param name="movie" value="http://www.youtube.com/v/KrhqI3XUyi0?version=3&amp;hl=en_US&amp;rel=0&amp;hd=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/KrhqI3XUyi0?version=3&amp;hl=en_US&amp;rel=0&amp;hd=1" type="application/x-shockwave-flash" width="640" height="510" allowscriptaccess="always" allowfullscreen="true"></embed></object>         </td>         </tr>         <tr>             <td width="700" height="36" background="images/index_03.gif">             <div style="text-align: center;"><br />             <br />             &nbsp;&nbsp;&nbsp; <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&amp;business=5HY5TXWG4VCBC&amp;lc=AU&amp;item_name=Freelancing%20Your%20Way%20to%20Wealth%20Package&amp;amount=37%2e00&amp;currency_code=USD&amp;button_subtype=services&amp;bn=PP%2dBuyNowBF%3abuttonx450%2ejpg%3aNonHosted"><img width="450" height="168" border="0" align="middle" alt="Freelaning Your Way to Wealth graphic" src="attachments/Image/Traffic_Mastermind/buttonx450.jpg" /></a><b><span style="font-size: 32pt; font-family: Arial; color: rgb(255, 0, 0);"><br />             </span></b><font size="3"><font size="6"><b><font color="red"><font face="Verdana">&quot;A FunEasy and Proven Way to Make Some Real Cash Online&quot; </font></font></b></font></font></div>             <p style="text-align: left;" class="MsoNormal"><span style="font-family: Verdana;"><span style="font-size: large;"><br />             I know what you are thinkingsame old <strong>&quot;*%#&quot;!</strong> But nothing could be further from the truth!... <br />             <br />             This is one of those <strong>rare opportunities you will find online that <u>actually works!</u></strong> </span></span><span style="font-family: Verdana;"><strong><br />             <br />             <br />             </strong>                         </span></p>             <span style="font-family: Arial;"><span style="font-family: Verdana;"><span style="font-size: large;"><br />             </span></span><span style="font-size: large;"><span style="font-family: Verdana;"><br />             <br />             <br />             <br />             </span></span></span></td>         </tr>         <tr>             <td width="700" height="36" background="images/index_03.gif"><br />             &nbsp;             <span style="font-family: Arial;"><span style="font-size: large;"><span style="font-family: Verdana;"><br />             <br />             <br />             <br />             <br />             </span></span></span><span style="font-size: large;"><span style="font-family: Arial;"><span style="font-family: Verdana;"><br />             <br />             <br />             </span></span></span><span style="font-size: large;"><span style="font-family: Arial;"><span style="font-family: Verdana;"><br />             <br />             <br />             </span></span></span>             <p class="MsoNormal" style="text-align: center;">&nbsp;                         &nbsp;&nbsp; <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&amp;business=5HY5TXWG4VCBC&amp;lc=AU&amp;item_name=Freelancing%20Your%20Way%20to%20Wealth%20Package&amp;amount=37%2e00&amp;currency_code=AUD&amp;button_subtype=services&amp;bn=PP%2dBuyNowBF%3apage10%2ephp%3aNonHosted"><br />             </a></p>             </td>             <td>&nbsp;</td>         </tr>         <tr>             <td width="700" height="36" background="images/index_03.gif">             <div style="text-align: center;"><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&amp;business=5HY5TXWG4VCBC&amp;lc=AU&amp;item_name=Freelancing%20Your%20Way%20to%20Wealth%20Package&amp;amount=37%2e00&amp;currency_code=USD&amp;button_subtype=services&amp;bn=PP%2dBuyNowBF%3abuttonx450%2ejpg%3aNonHosted"><img width="450" height="168" border="0" align="middle" src="attachments/Image/Traffic_Mastermind/buttonx450.jpg" alt="" /><br />             </a></div>             <div style="text-align: center;"><span style="font-size: x-large;"><span style="font-family: Verdana;">Testimonials</span></span><br />             <br />             <br />             <br />             <br />             <br />             <span style="font-family: Arial;"><span style="font-size: large;"><span style="font-family: Verdana;">&nbsp; <br />             </span></span></span><span style="font-family: Arial;"><span style="font-size: large;"><span style="font-family: Verdana;">                         <br />             </span></span></span><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&amp;business=5HY5TXWG4VCBC&amp;lc=AU&amp;item_name=Freelancing%20Your%20Way%20to%20Wealth%20Package&amp;amount=37%2e00&amp;currency_code=USD&amp;button_subtype=services&amp;bn=PP%2dBuyNowBF%3abuttonx450%2ejpg%3aNonHosted"><img width="450" height="168" border="0" align="middle" alt="Freelaning Your Way to Wealth graphic" src="attachments/Image/Traffic_Mastermind/buttonx450.jpg" /></a></div>             </td>             <td>&nbsp;</td>         </tr>         <tr>             <td width="700" height="36" background="images/index_03.gif">             <div align="center">             <div align="center">&nbsp;<br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             <br />             &nbsp;</div>             <p style="text-align: right;"><span style="color: rgb(128, 128, 128);"><span style="font-size: small;"><span style="font-family: Arial;"><a href="page7.html"><span style="color: rgb(0, 0, 128);">Contact Me</span></a> - <a href="page2.html">Legal</a></span></span></span><span style="color: rgb(128, 128, 128);"><span style="font-size: smaller;"><span style="font-family: Arial;"><br />             </span></span></span></p>             <p><span style="color: rgb(153, 153, 153);"><span style="font-size: smaller;"><span style="font-family: Arial;">&nbsp;            </span></span></span></p>             </div>             </td>             <td>&nbsp;</td>         </tr>     </tbody> </table><br/><br type="_moz" /></body> </html> 
      {{ DiscussionBoard.errors[4857176].message }}
  • Profile picture of the author andrejvasso
    Good. First of all: I´d suggest you format the code (if you didnt do that already).

    Now: Since its quite a mess, I suggest some general cleaning up.

    However the page in question does work right now: http://ipinfo.info/netrenderer/ [just select browser type and hit Render]

    So the problem is your computer / ie configuration.

    Anyways, the site needs some improvements. Just a few tips:

    + i saw you are still using "background-attachment:moved;" on your site. I told you already that this in not correct!!

    +paste the style snippet into head section (before "</head>")

    +check out the validation results and try to remove the erros
    {{ DiscussionBoard.errors[4857258].message }}
  • Profile picture of the author Daverz
    I have no idea what's causing this, but changing
    background-image: url(attachments/Image/Traffic_Mastermind/BG-SP-F4.jpg);
    to
    background-image: url('http://traffic-mastermind.com/attachments/Image/Traffic_Mastermind/BG-SP-F4.jpg');
    seems to fix the issue.
    {{ DiscussionBoard.errors[4859819].message }}
    • Profile picture of the author tagiscom
      Thanks Andrejvasso, for the IE NetRender site, it is great to know that it will show on other peoples computers out there that have IE.

      I am not too fussed about my computer doing that, just other peoples that l am using payed traffic for, that use IE!

      I may look into those changes after this product and campaign have been launched, but l will give it a quick clean, as suggested.

      Thank's for everyone's feedback, all the best.

      Shane
      {{ DiscussionBoard.errors[4861624].message }}

Trending Topics