CSS not displayed depending on page

Question

I have a friend that has a really strange issue with my website. When he clicks on http://www.copeo.fr/ the page displays fine but when he clicks on a link like www.copeo.fr/user/ the CSS is not applied even after a refresh. The raw html does display.

I asked him to display the CSS that is hosted on amazon S3 hcopeoressources.s3.amazonaws.com/style/futurvert/style.css and it displays fine.

The code validates on W3C validator so does the CSS. I am lost what could be the origin of the issue. Could it be its enterprise cache? configuration of IE7 on his machine?

If it happens to someone else who could explain the issue to me, I am all hears.

Thanks

Answer 1

Sounds like he is using relative path names. /foo/bar.css will resolve to sitename.com/foo/bar.css but foo/bar.css will resolve to sitename.com/currentpath/foo/bar.css.

Answer 2

There is an IE bug that if you have more than 30 style sheets, some or all of them won't show: http://support.microsoft.com/kb/262161

It could possibly have something to do with that.

Answer 3

Ok got my answer. The firewall blocked the CSS that is stored on amazonaws and for the first page, it was a cache that was filled outside of the company firewall.

Answer 4

When I hit the CSS URL I got:

"This XML file does not appear to have any style information associated with it. The document tree is shown below"

We use S3 at work for this type of thing and don't have issues, but I think pulling the CSS file off amazon S3 and storing it on a more traditional server might help with your trouble shooting. Or even solve the issue.