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?
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;
Modified by NoahSUMO
Chosen solution
Over looked the obvious - needed to clear the cache
Read this answer in context 👍 0All Replies (3)
Suluhisho teule
Over looked the obvious - needed to clear the cache
Modified by NoahSUMO
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)
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.