Why is CSS not rendering in chrome but is working in Eclipse?

Question

I'm using JSF for the front end of my application. CSS is rendering correctly inside Eclipse but is not working in chrome browser. Here is how I have called the CSS file in JSF. Can anyone tell me what the problem is. Thanks

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"

<h:head>
<title>Login Page</title>
</h:head>
<h:body>
<h:outputStylesheet library="css" name="style.css"  />

Did you try to clean chromes' cookies? Often it works after that. — Gary Klasen, Apr 01 '14 at 22:42
Thanks for your help. CTRL+F5 did the job! If you put that as an answer I'll accept it. — kellzer, Apr 01 '14 at 22:49

score 2 · Accepted Answer · edited May 23 '17 at 12:00

2

The problem is that Chrome is caching the CSS resources - so only an old stale version is used.

While resource cache control should be configured appropriately for live deployment, one can quickly perform a "force refresh" in Chrome but pressing Ctrl+F5 (or Ctrl+Shift+R) in Windows and Cmd+Shift+R in OS X.

Alternatively, the cache control can be configured from the Chrome Developer tools.

edited May 23 '17 at 12:00

Community

1
1

answered Apr 01 '14 at 22:57

user2864740

54,112
10
112
187

score 1 · Answer 2 · answered Apr 01 '14 at 23:05

1

I have this problem from time to time.

Rather than hitting F5, I manually click the refresh, and it usually works. Firefox could also be helpful at that point.

answered Apr 01 '14 at 23:05

Gadgetster

433
3
10
29

Why is CSS not rendering in chrome but is working in Eclipse?

2 Answers2