Full height footer broken without JavaScript

[brad7928]

Hi,

I’ve followed the guide here – http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

It works fine in browsers I have tested, however when I disable JavaScript in Chrome, the position overlaps content. I’m not sure why this is happening since it is all CSS?

Link: http://dev.bradlysharpe.com.au

Thanks,
Bradly Sharpe.

[Shikkediel]

Let’s see when your site is up again…

[brad7928]

Sorry, try http://test.bradlysharpe.com.au

Dev works for me, both should point to the same site, different boxes

[Shikkediel]

Okay, both available now. Must have been temporary (global though). But I don’t see it on Chrome. Did notice the social media icons aren’t rendering correctly on Firefox (W7 desktop, Firefox 37).

[brad7928]

That’s odd, I just tried it on my iPhone though and the footer is floating over the content instead of at the bottom of the page (both index and contact).

I’ll post a screenshot once I’m back on a desktop.

I need to work on those social media icons still, broke them in the last few commits.

[wahhabb]

I too see no problem either in Chrome on Mac or PC.

Do please correct spelling of Business on home page.

Good luck!

[brad7928]

Silly question but you have turned off JavaScript in your browsers?

Good catch on the spelling mistake!

[wahhabb]

Yes, tried it both ways, enabled and disabled.

[Shikkediel]

Disabled scripting here as well when I checked…

[brad7928]

This is what I see with JS disabled: http://bradlysharpe.com.au/footerissue/js-disabled.png

And with JS enabled: http://bradlysharpe.com.au/footerissue/js-enabled.png

Chrome Version: http://bradlysharpe.com.au/footerissue/chrome-version.png

On Windows 7

[Shikkediel]

Weird, same setup (presumably) but a different result here.

[brad7928]

Well that’s just annoying! Might have to test a few more browsers/setups here…

Thanks :)

[Author]

Posts