Grow your CSS skills. Land your dream job.

Weird loading problem in Chrome

  • # December 25, 2012 at 6:30 pm

    Please see the following video to demonstrate what I am experiencing:
    http://www.youtube.com/watch?v=90RTobGw2TI&feature=youtu.be

    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)

    # December 25, 2012 at 7:34 pm

    Is this your site?

    # December 25, 2012 at 9:16 pm

    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

    # December 26, 2012 at 6:12 am

    @Paulie_D Yes, it is for a client.

    # January 6, 2013 at 10:04 am

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

    # January 6, 2013 at 10:43 am

    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.

    # January 7, 2013 at 2:25 am

    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.

    # January 7, 2013 at 6:15 pm

    Sweet thanks, ill try it out

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".