Forums

missing background images in IE 6, 7, & 8

Permalink
Getting too bald to continue pulling hair out over this.
New site using excellent looking theme "Corporate America" modified for this particular project. http://stcloudcanam.com shows up in all browsers tested (including IE9) except IE6-7&8.
The header image/logo and the background are not showing.
Anyone have suggestions? 



body {
    margin:0;
    padding:0;
    /* customize_background */ background-color:#fff; /* customize_background */
}
a {
    /* customize_link */ color:#174775; /* customize_link */
}
a img { border: 0 }
/* ------------------------------------------
   LAYOUT
------------------------------------------- */ 
#page {
    background: url(http://stcloudcanam.com/packages/theme_corporateamerica/themes/corporateamerica/images/page-bg.jpg) repeat;
    overflow:hidden;
Viewing 15 lines of 23 lines. View entire code block.




TIA
Adreco
 
12345j replied on at Permalink Reply
12345j
ask this in corporate americas support.
Adreco replied on at Permalink Reply
Adreco
My first place to check usually... Chris is always helpful.
This problem is more likely to be caused by my own modifications however. Thats why I included the code snippet. The problem does not happen on the stock theme used on other sites.
Adreco replied on at Permalink Reply
Adreco
Quick Karma up for grabs on this one. My fat fingers hit best answer by accident already :(
It should move to someone with some IE advice
12345j replied on at Permalink Reply
12345j
why not use images/page-bg.jpg for the image path?
Adreco replied on at Permalink Reply
Adreco
Thanks for pointing it out
Sorry about the code displayed (my bad...I did a quick copy off Chromes dev display instead of attaching CSS)

Here's actual CSS copy:
#page {
   background: url(images/page-bg.jpg) repeat;
   overflow:hidden;
}
/* Header */
#header {
   background: url(images/header-bg.jpg);
   width: 980px;
   margin: 0 auto; 
   position: relative;


Here is the original code before I changed it. 
#page {
   background: url(images/page-bg.jpg) repeat-x top;
   overflow:hidden;
}
/* Header */
#header {
   background-color: #fff;
   width: 980px;
   margin: 0 auto; 
   position: relative;
JRick replied on at Permalink Best Answer Reply
JRick
Think I may have found your solution. Done some research and found out a possible answer for you. It is not the format .jpg that is the issue it is that IE8 has a problem with reading CMYK formatted images.. Try converting your images to RGB color format.
Adreco replied on at Permalink Reply
Adreco
Wow! Mission accomplished. I never would have thought the image itself was not compatible.
Just saved them in Photo Shop to an RGB format and now IE shows them without any other change needed
Phallanx replied on at Permalink Reply
Phallanx
Try making your images smaller (1/2 MB per image is way too much). Try to get less than 50KB preferably <10k. Older IE versions are probably just giving up trying since they use fewer simultaneous connections (it took my chrome 25 seconds to download your logo).
Adreco replied on at Permalink Reply
Adreco
Thx.
I know they are a tad over-sized but the load speed is more related to the clients shared server. Performance is much faster on a dedicated box.