Avatar for Username

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

This thread was archived. Please ask a new question if you need help.

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

diane.blackwood
diane.blackwood
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)

diane.blackwood
diane.blackwood Question owner
more options

Chosen Solution

Over looked the obvious - needed to clear the cache

Modified by NoahSUMO

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
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)
fleece358
fleece358
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.