I was getting strange rendering behaviour on Safari 5.1.7 for Windows 7 when viewing my website. The page basically looked like it was not showing CSS or the images. The website rendered fine in all other browsers on Windows 7 like Chrome, IE and Firefox.
Troubleshooting
So what was the problem with Safari? Initially I thought it was due to the Safari browser on Windows, and the fact that Safari was no longer being supported on Windows, but this was not that case as the error was also occurring on OSX Safari 6.0.3.
Then I tried viewing my local development site in Safari on Windows and the site rendered correctly. So the difference between my development site and the staging environment as our staging environment required a IIS username and password to view the site. Hence something was going wrong with the authentication in Safari and this caused the CSS and images to not download correctly.
The developer web inspector network tab showed 302 status codes and undefined types which in turn caused the JavaScript to break and throw console errors.
The Solution
Changing IIS fixed this issue for me.
1. Open IIS
2. Select your web site
3. Open Authentication under the IIS section
4. Make sure you only have Basic Authentication enabled and everything else is disabled
The error was due to a conflict with my Authentication settings:
Challenge-based and login redirect-based authentication cannot be used simultaneously
Hope this helps someone out there!
No comments:
Post a Comment