Skip navigation
dark_garuda
dark_garuda Calculating status...
Currently Being Moderated

BrowserLab / firebug not loading CSS??

Sep 1, 2011 7:38 AM

Hi


I am testing a site from localhost using firebug.  The pages load, but none of the css loads - even when testing in FF5...  Yet, in another window I have the site rendering perfectly....  and permissions are set correctly to the best of my knowledge.   Any thoughts as to why this would happen?

871 Views   5 Replies   Latest reply: Amit Kishnani, Sep 14, 2011 9:57 AM
 
Replies
  • Mark Rausch
    Currently Being Moderated
    1. Mark Rausch,
    Sep 7, 2011 1:53 PM   in reply to dark_garuda
    Report

    You can try bumping up the Delay setting in the BrowserLab UI (the numeric spinner next to the URL field) and see if that helps. Also, from within your browser, click on the BrowserLab icon and turn off Freeze Javascript and make sure that Preserve CSS Hacks is turned on.

     

    Hope this helps,

    Mark

     
    |
    Mark as:
  • dark_garuda
    Currently Being Moderated
    2. dark_garuda,
    Sep 8, 2011 6:28 AM   in reply to Mark Rausch
    Report

    Hi Mark, thanks for your response.

     

    I had the delay as high up as 20 with no difference, and Freeze Javascript was turned off.  Rather than using hacks, I use modernizr and it adds classes for the browser to the body tag so I can target IE version by version.

     

    respond.js adds polyfills for media queries, but my IE6,7&8 were behaving as though the page was at default (320px) width.  Since my bosses look at pages in BrowserLabs, I opted to add IE specific css and default them to a 960px main layout.  Through that I was able to solve all my layout issues, with only the missing background in IE6 still remaining as a problem - but as I said in my original letter, in my trial session at crossbrowsertesting.com, the background DOES appear in IE6 in their VM.  

     

    Thanks,

     

    michael

     
    |
    Mark as:
  • bangheadhere
    Currently Being Moderated
    3. bangheadhere,
    Sep 12, 2011 7:41 AM   in reply to dark_garuda
    Report

    Hi

     

    I have this same problem, except I am using BrowserLab through the Dreamweaver CS5 extension.

     

    It connects fine and loads in the browser, but for all previews it displays with no CSS.

     

    This is a real problem as since I work for the NHS, which is strict on IT and backwards in some implementations, I am stuck on IE7 for development.  I was counting on BrowserLab to help my development to see if it works on other platforms and if I can put some selective IE tweaks in for the bits that aren't working (but which should, according to everything I'm reading!).

     

    Any help you can offer would be gratefully recieved.

     

    Many thanks

    Nicola

     
    |
    Mark as:
  • Mark Rausch
    Currently Being Moderated
    4. Mark Rausch,
    Sep 12, 2011 11:48 AM   in reply to bangheadhere
    Report

    Hi Nikola, a few questions...

     

    Does this happen with every browser, or only some?

     

    Is your site definition in DW correct?

     

    Do all the files (CSS, images, HTML, etc) needed for the page exist within your site definition in DW?

     

    When you initiate the preview from DW, can you describe exactly what you're doing?

     

    Thanks,

    Mark

     
    |
    Mark as:
  • Amit Kishnani
    Currently Being Moderated
    5. Amit Kishnani,
    Sep 14, 2011 9:57 AM   in reply to dark_garuda
    Report

    Hey,

     

    please try the below steps.

     

    1.  please make sure that Firebug is engaged for your page, by default  Firebug is not engaged (grey) in color , when engaged it turns orange  color - please ensure that Firebug is orange for your page

    2. Ensure that "Net" tab of Firebug is enabled

    3. Refresh your page

     

    this  will ensure that "Firebug net cache" is available and will  increase/improve performance for streaming assets back to BL cloud  service for preview.

     

    please try the above steps - it should fix the issue you are running into.

     

    HTH,

    Amit Kishnani

    Adobe

     

    PS : these instructions/optimizations are specifically for Firebug integration with BL/

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points