The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "SVG" Oct 14 - 6:30 PM Eastern
Get a free trial // 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:

    On this website:

    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: “”. 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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed