Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

I'm developing a web site using MVC3 & Razor, but my css changes do not show up on FireFox, but do on Chrome & Internet Explorer - How can I get Razor to render correctly on FireFox?

  • 3 replies
  • 4 have this problem
  • 74 views
  • Last reply by fleece358

more options

I don't have a public version as I'm just staring development. For an example I have completed the walk-thru at http://www.asp.net/mvc/tutorials/gett.../updating-related-data-with-the-entity-framework-in-an-asp-net-mvc-application. Then I tried changing minor items in site.css (such as font size) and the changes did not show up on FireFox, but do show up on Chrome and Internet Explorer.

Example of change below: I changed the background from #e8eef4 to #ff0000. The table header background shows up in red for chrome & IE, but stay in light blue for FireFox.

table th {

   padding: 6px 5px;
   text-align: right;
   background-color: #ff0000;
   border: solid 1px #e8eef4;

I don't have a public version as I'm just staring development. For an example I have completed the walk-thru at [http://www.asp.net/mvc/tutorials/getting-started-with-ef-using-mvc/updating-related-data-with-the-entity-framework-in-an-asp-net-mvc-application]. Then I tried changing minor items in site.css (such as font size) and the changes did not show up on FireFox, but do show up on Chrome and Internet Explorer. Example of change below: I changed the background from #e8eef4 to #ff0000. The table header background shows up in red for chrome & IE, but stay in light blue for FireFox. <code> table th { padding: 6px 5px; text-align: right; background-color: #ff0000; border: solid 1px #e8eef4; </code>

Modified by NoahSUMO

Chosen solution

Over looked the obvious - needed to clear the cache

Read this answer in context 👍 0

All Replies (3)

more options

Chosen Solution

Over looked the obvious - needed to clear the cache

Modified by NoahSUMO

more options

You can also reload web page(s) and bypass the cache.

  • Press and hold Shift and left-click the Reload button.
  • Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
  • Press "Cmd + Shift + R" (MAC)
more options

This kind of information needs to be more readily available. I finds that clearing the cache does not work for all html and CSS changes. Changes to images inparticular do not show up on reload, usless you use Shift+reload or the short cuts above. This feature should be available in the "Web developer" menu with reference to the short cut so new developers know it is there. It just makes FF look bad otherwise.