1

My website that has been up for a month now without any problems.

This morning everything was normal until I opened up the developer tools in chrome and when the cache refreshed the website was discombobulated!

Opening the website in Firefox I was able to get an idea of what is going on, but still have no clue how to resolve it.

Opened the page in Firefox before refreshing the cache

Notice in the css log how there are no errors.

enter image description here

Refreshed the cache

enter image description here

None of the css is applied and as you can see lots of css related errors.

I went through all my css/script files and none of them have been changed in the past 24 hours.. They all seem to be the same files that have been working perfectly for the past month.

Can anyone give me an idea of what might be going on here? Is it a server issue? Appreciate any ideas/answers to help me get to the bottom of this.

Trevor
  • 16,080
  • 9
  • 52
  • 83
  • Does work all right in other browsers? – Petar Vasilev Jan 16 '14 at 17:18
  • @PeterVasilev No this started happening in all browsers. Before it was working as in looking like the first image in all browsers. – Trevor Jan 16 '14 at 17:18
  • If you are using some kind of caching and/or minifying you should check those as they could be causing your problems – Petar Vasilev Jan 16 '14 at 17:20
  • @PeterVasilev well I just tried using the non minified versions of my css/scripts but the problem still persists :( – Trevor Jan 16 '14 at 17:28
  • This question appears to be off-topic because the solution ended up being non-programming related and the likely-hood of it being a help to anyone in the future is very low. – Trevor Jan 16 '14 at 18:50

3 Answers3

1

Click on the arrow next to the CSS button in FF's browser tools and deselect warnings.

What you're seeing are warnings related to things like vendor related prefixes.

In general, if warnings are serious enough that action is required, they would be errors. In my opinion you can safely ignore them.

See here: Should FF Error Console "Warnings" be taken seriously if page is not "broken"?

Community
  • 1
  • 1
James Hibbard
  • 16,490
  • 14
  • 62
  • 74
  • But my page is broken, look at the before/after pictures. – Trevor Jan 16 '14 at 17:18
  • The warnings are for things like '-moz-border-radius' which should be parsed properly by Firefox obviously – Petar Vasilev Jan 16 '14 at 17:19
  • Yes that's why its really odd. – Trevor Jan 16 '14 at 17:19
  • I actually don't even know if this problem has started occurring yet from the outside.. But maybe you could check that for me. If you go to http://www.wheelercat.com/jobs and apply for a job. The application screen will come up.. It will either look normal like my first image or all messed up.. If I navigate there from my work computer then I will be on the internal server.. We have a different one hosting outside. – Trevor Jan 16 '14 at 17:30
0

Looks like your site has lots the correct paths to the stylesheets. Have you changed your head or xml recently?

RichTea
  • 1,462
  • 10
  • 16
  • 24
0

Solved

Another developer updated our bootstrap files from 2.3.2 to the latest version of bootstrap.. And for some reason the modified dates for the files did not change on the server.

Anyway because this issue is so isolated and the question probably won't be of any help to anyone in the future i'll remove it.. But leave this solution up for a few hours just as a FYI to those who have answered/commented on the question.

Trevor
  • 16,080
  • 9
  • 52
  • 83