Problem with Firebug

I have problem with Firebug. I can`t edit the code because does not show where the file is located.

For example, instead of general.css have something like this:

I have disabled cache in admin panel:

How to fix this? Please help

Remove the Firebug plugin, and then install it again and see if that helps.

 I did it but unfortunately did not help. Maybe some other ideas? please .. really need it

You did clear all caches, file caches (leaving the .htaccess file in place), after you turn off the cache?  As well as clearing your browser cache?

 Yes, I cleae all caches from my public_html also but still I have this problem with Firebug :(

Can you check out my website www.areavis.com using Firebug and verify this please? 

I still have this problem with firebug. How can I fix this? What could be the reason? Please help

I just took a look and it is the same for me.  The CSS caching is not turned off even though it may indicate it in the back end.  Try turning CSS caching back on.  Clear all caches including /cache and /cache_public and the tmp directories; but leave the .htaccess file in place.  Then go back in and turn CSS caching off and then clear all caches, including going into the Admin -> Tools -> Cache and clear that several times; I have found that sometimes you need to do it more than just once.

To see if CSS caching is truly off, view the source view of the page, you should see each CSS file separately as it will load each one in a separate line.

I have learned something new. I have always just used Dreamweaver and did a search through the css files for the element I needed to change (dreamweaver search is great in my experience). Did not know if you turn off caching it would show the actual css page. Thanks for that GG and areavis

Firebug is a good tool for working directly with the site design to see what a change in the CSS will do to the page; it is interactive.  Also, you can use it to try and find a problem with your CSS that is breaking a page layout.  Before Firebug I had to upload the CSS, refresh things and see.  If it was not the answer it was try again.  Plus, it will show when something is being overridden by another class or id.  It really is a great tool for working on CSS.

Firebug needs css caching off so that it can tell you which css style, say common.css, that the class or id is in.  With caching, all css files are put together; which can help with page loads, but Firebug can not tell you which file the class or id is contained in. 

Have you tried to expand the Firebug window width? Also it's good idea to disable all cache systems on your site for development time so you can see the actual filenames in Firebug.

If nothing of this gonna help, install Chrome browser and use 'Inspect Element' function: as for me it's much more useful and user-friendly.

It is not the width of the window showing the CSS.  It appears that the CSS is cached even though it shows off in the admin.  I tested it with my firebug.

I like firebug better than inspect element but if I am testing with Chrome, I will use Inspect Element.

 I I did it all over again but unfortunately it`s not help. I do not know if this could be a problem with the cache? I have now set enable CSS cache. Is the reason may be plug AddThis that I have on the home page? (I doubt it because the other sites that do not have this plugin, also firebug does not work well)

I tried, but it did not help. It is not the fault of Firebug. Probably only the settings on my website but I do not know what the reason is. On the other some websites appear normal css file.

On my home page is for eg A.temp...RzF.css instead of general.css

Thanks I will try also Inspect Element for Chrome.

One more thing I think could cause this: if you enabled some accelerators on your server or Apache has enabled cache modules (like mod_cache).

Plugin AddThis has nothing to do with your css files.

Do you have dedicated server or hosting?

 Thanks, I will check this. So mod_cache should be disabled?

I have dedicated server.

I have also this message from my server support:

Mod_cache is not installed on your server and Xcache has already been disabled for your website. You can use the following website to test if a website is caching content:

http://seositecheckup.com/tool/x_cache_header

The headers on your page are seriously messed up. They are full of things related to pagespeed which i think is the root of the problem. There is also an additional meta tag showing up which contains a list of all your css files which is also not normal.

Something is wrong there. Maybe you added a pagespeed module to the server or did something. In any case it seams to be something to do with your sites .header.html or .sub_header.html files.

Let's simplify things to not guess...

1. Try to upload any kind of html file with connected css and check if it will show up in Firebug normally.

2. Try to install Dolphin in a separate subdirectory, if it will work normally, then your problem in the main site scripts. If it will be the same - then it's a server side issue.

Oh, just checked your site, here we go. As I said before - pagespeed accelerator. Blame your hoster:

<link href="http://www.areavis.com/templates,_tmpl_uni,_css,_default.css+templates,_tmpl_uni,_css,_commo ... ... _css,_search.css.pagespeed.cc.yGgGPM0Iyd.css" rel="stylesheet" type="text/css">

Apache on your server has installed pagespeed module. You have to turn it off.

http://stackoverflow.com/questions/4997217/pagespeed-caching-css-annoying-to-develop

Thanks a lot guys!

I didn`t know that google page speed module makes such problems with css cache. I`ve turn off ModPagespeed in my .htaccess file and looks like it problem has resolved. I see now normal links for eg general.css

Hello, I have again this problem. But I don`t have page speed module. I have only added to the file _header.html fonts from google. A few days ago, everything worked fine. I cleaned all the cache and public cache, and the cache from the admin panel. What to do? Please help

 Hello,

<script language="javascript" type="text/javascript" src="http://www.areavis.com/plugins/jquery/jquery.masonry.min.js.pagespeed.jm.EvS14Bhmh2.js"></script>

Seems like this time it caused by the same pagespeed Apache module. Please do the same steps as before in order to fix it.

Thank you! Someone install page speed apache again. I did not know about it. Now works good.

 LoL :)