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?
TIA
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
ask this in corporate americas support.
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.
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.
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
It should move to someone with some IE advice
why not use images/page-bg.jpg for the image path?
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:
Here is the original code before I changed it.
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;
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.
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
Just saved them in Photo Shop to an RGB format and now IE shows them without any other change needed
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).
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.
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.
