?
Solved

chrome not loading css

Posted on 2013-01-31
10
Medium Priority
?
669 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 1000 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 84

Assisted Solution

by:Dave Baldwin
Dave Baldwin earned 1000 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 84

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

Technology Partners: 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!

Question has a verified solution.

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

Today, still in the boom of Apple, PC's and products, nearly 50% of the computer users use Windows as graphical operating systems. If you are among those users who love windows, but are grappling to keep the system's hard drive optimized, then you s…
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
Suggested Courses

718 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