chrome not loading css
I have a page that's fine in firefox and IE. But not right in chrome. When I use web developer extension in Chrome "Reload linked style sheet", then everything is fine. So I know that some style sheet is not loading. How do I find out which one and fix this problem?
ASKER
the page is not live yet.
It's going to be harder to debug without a live URL.
Show us your rendered HTML <head>
Show us your rendered HTML <head>
ASKER
I moved to live, here is the link
http://www.themailbox.com/test/test.html
http://www.themailbox.com/test/test.html
ASKER
Note, when first loaded the style is off. On second, third load, the page is ok. You probably need to open incognito window every time to test it out.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
I can leave everything in the code same, just swap fire to www.themailbox.com and fire.themailbox.com to www.themailbox.com, then it works. Don't know why. fire is the QA server.
http://www.themailbox.com/test/test.html is NOT the same code as http://www.themailbox.com/ .
ASKER
finally solved the problem.
The following is the culprit.
padding:1%;
When I took off this line, everything worked.
The following is the culprit.
padding:1%;
When I took off this line, everything worked.
Try making your path absolute
Make sure it's in the right order from top to bottom
We really need to see the web page in order to do full troubleshooting.