0

I don't understand why some images and styles are working on IE8 and others aren't in the same page of the same website!

http://www.chrissteeleperkins.com/

The homepage is fine but the images in the footer are missing in the whole website.

If you go to other pages of the website, sometimes the css style looks to be missing.

This weird behaviour seems to appear on IE8 - Windows 7.

Any help or suggestions?

Thank you, Giorgio

Giorgio
  • 38
  • 3
  • Don't know if this is related to your problem but you are using pretty new jquery version but an old version of fancybox. The old fancybox version is trying to access a function that does not exist in jquery anymore (msie). You should update fancybox. – Esko Apr 08 '14 at 09:29
  • Good spot, thanks but I don't have Fancybox installed in all the pages though. Just in one of them. When I use Compatibility view on IE8 some issues are fixed. – Giorgio Apr 08 '14 at 09:35

2 Answers2

1

The homepage is fine but the images in the footer are missing in the whole website.

Seems, that problem is with float: left in <li> elements. Try fixing size of blocks or make elements inline;

Vladimir Ch.
  • 36
  • 3
  • I tried to make the elements inline but it's not fixing the issue. If I remove the float:left; to the
  • elements, the issue is solved, but they won't be aligned to the left. So I tried to put an empty div with clear: both; but it didn't fix it.
    • – Giorgio Apr 09 '14 at 14:32
  • I managed to fix the floating issue but I still don't understand why in the other pages like http://www.chrissteeleperkins.com/about/ there is no css while in http://www.chrissteeleperkins.com/services/ some of css style is ok. Why this issue? Is there something to do with relative path ../ to the css styles - images are fine though? – Giorgio Apr 09 '14 at 15:15
  • I could see in the source code in IE8 that the opening . So the opening tag is and the closing tag is as well - in the code it's correct though. In fact if you do a comparison with another browser, it doesn't seem to be wrong. I tried to change the code copying and pasting the line of code from a page that displays correctly but has still the same issue. Any suggestions? – Giorgio Apr 09 '14 at 16:01
  • 1
    is HTML5 tag. You need to add libraries for this tag to your element. Try downloading them and add like this: ` ` – Vladimir Ch. Apr 10 '14 at 07:04
  • 1
    You will need `html5shiv.js` and `respond.min.js` – Vladimir Ch. Apr 10 '14 at 07:11
  • Your suggestions were very helpful! Those fixed the issues! Thank you very much! – Giorgio Apr 10 '14 at 08:57