Page content overlapping footer

Permalink
Wow, this is an annoying glitch. I have content on some pages and mainly now dealing with an image gallery add on that is badly overlapping my footer. Even adding more blocks of content or spacers below the offending block doesn't give more height to the page.

An example of this ishttp://luckylifeibiza.com/production/photography/lucky-life-music-l...

I also turned off the static footer option in the theme settings and for a moment that worked but alas I'm back again. Cleared cache in both Concrete and browser.

I have attached a screenshot as an attachment too.

Thanks in advance!

1 Attachment

 
JohntheFish replied on at Permalink Reply
JohntheFish
You can try inserting an HTML block immediately after the troublesome gallery containing
<div style="clear:both"></div>
candydesign replied on at Permalink Reply
Thank you, it worked until I refreshed the page and then the same issue. And yes, I did clear cache. : (

Any more suggestions welcome!
ronyDdeveloper replied on at Permalink Reply
ronyDdeveloper
It looks absolutely fine in Firefox. But while looking into chrome, it messed up. I was inspecting the html and saw a little difference. The div id named "middle" has a height css property in chrome but not in Firefox. So in chrome it is:
<div id="middle" style="height: 739px;">
but in Firefox it is
<div id="middle">


I'm not sure how it come in only chrome, maybe a js.

Rony
candydesign replied on at Permalink Reply
Thanks for the reply, it's also doing the same in Safari.
ronyDdeveloper replied on at Permalink Reply
ronyDdeveloper
You can do one thing, just replace the id with something new and change css ID accordingly.

Rony
candydesign replied on at Permalink Reply
Thanks again for replying, I am pretty new to all this and have managed to get a site up and running this far. Is it possible for an example of what you are suggesting as replacing the ID with 'something new' could mean anything as far as my knowledge goes.

Cos.
ronyDdeveloper replied on at Permalink Reply
ronyDdeveloper
It is <div id="middle"></div>

You can change it to <div id="middle_div"></div>

And change the css file which has #middle to #middle_div. If it doesn't make sense, then PM me the FTP details. I'll change it.

Rony