Solved

chrome not loading css

Posted on 2013-01-31
10
664 Views
Last Modified: 2013-02-01
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?
0
Comment
Question by:xiaoyunwu
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 3
  • 2
10 Comments
 
LVL 30

Expert Comment

by:LZ1
ID: 38841263
Can you give us a link?
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.
0
 

Author Comment

by:xiaoyunwu
ID: 38841278
the page is not live yet.
0
 
LVL 30

Expert Comment

by:LZ1
ID: 38841291
It's going to be harder to debug without a live URL.

Show us your rendered HTML <head>
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:xiaoyunwu
ID: 38841311
I moved to live, here is the link
http://www.themailbox.com/test/test.html
0
 

Author Comment

by:xiaoyunwu
ID: 38841327
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.
0
 
LVL 30

Accepted Solution

by:
LZ1 earned 250 total points
ID: 38841335
Start here first:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.themailbox.com%2Ftest%2Ftest.html

Start on the first couple of errors. Encoding and the  Missing xmlns attribute for element html. The value should be: http://www.w3.org/1999/xhtml
0
 
LVL 83

Assisted Solution

by:Dave Baldwin
Dave Baldwin earned 250 total points
ID: 38841363
At lines 3564 thru 3743 in the "View Source", a complete new page is included.  That alone is an error and puts things out of order.  And like @LZ1 pointed out, there are quite a few other errors.
0
 

Author Comment

by:xiaoyunwu
ID: 38841562
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.
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 38841665
0
 

Author Comment

by:xiaoyunwu
ID: 38843813
finally solved the problem.
The following is the culprit.
 padding:1%;
When I took off this line, everything worked.
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
SSL stands for “Secure Sockets Layer” and an SSL certificate is a critical component to keeping your website safe, secured, and compliant. Any ecommerce website must have an SSL certificate to ensure the safe handling of sensitive information like…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

622 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question