Weird loading problem in Chrome

[jshjohnson]

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)

[Paulie_D]

Is this your site?

[hotpink]

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

[Dhaupin]

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.

[ooredroxoo]

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.

[Author]

Posts