treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Weird loading problem in Chrome

  • Please see the following video to demonstrate what I am experiencing:

    On this website: http://mfevents.co.uk.s156312.gridserver.com/

    Any ideas as to why this is happening? I cannot replicate it on any other browsers on a Mac (just Chrome)

  • Is this your site?

  • In the Chrome Dev Tools Console I see the following error. Maybe this is related to the problem.

    Resource interpreted as Image but transferred with MIME type text/html: "http://mfevents.co.uk.s156312.gridserver.com/index.php". jquery-1.7.1.min.js:4 f.extend.clean jquery-1.7.1.min.js:4 f.buildFragment jquery-1.7.1.min.js:4 e.fn.e.init jquery-1.7.1.min.js:2 e jquery-1.7.1.min.js:2 NivoSlider jquery.nivo.slider.js:77 (anonymous function) jquery.nivo.slider.js:640 e.extend.each jquery-1.7.1.min.js:2 e.fn.e.each jquery-1.7.1.min.js:2 $.fn.nivoSlider jquery.nivo.slider.js:635 (anonymous function) index.php:116 f.event.dispatch jquery-1.7.1.min.js:3 h.handle.i jquery-1.7.1.min.js:3

  • @Paulie_D Yes, it is for a client.

  • Any ideas? I cannot pinpoint why it sometimes works and sometimes doesn't?

  • I'm on my phone atm, loads in mobile chrome every time. Have you tried this on another machine/ip with chrome? With inspector open (f12) do you get any "script has been paused" events? The text/mime call shouldn't effect it....chrome is just fussy with mime types. Doesn't hurt to scope that path though.

  • As I see the white space is result of the padding applied to the nav. One way to fix it is

      #logo {
          /* Add position:relative so creates context */ 
      }
    

    and on the

      #logo nav {
          /*Add position:absolute
          set right:0 or the margin right needed;
          set top: 45px (the padding) or the margin needed;
          use top and right, not margin-top or margin-right 
          */
      } 
    

    and with this the float on the nav isn't more needed.

    Here on devtools (chrome) worked fine with this solution.

  • Sweet thanks, ill try it out