Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

chrome not loading css

Posted on 2013-01-31
10
Medium Priority
?
677 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
  • 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
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 

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

Get your problem seen by more experts

Be seen. Boost your question’s priority for more expert views and faster solutions

Question has a verified solution.

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

If you are a web developer, you would be aware of the <iframe> tag in HTML. The <iframe> stands for inline frame and is used to embed another document within the current HTML document. The embedded document could be even another website.
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.…
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.
Suggested Courses
Course of the Month15 days, 8 hours left to enroll

575 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