CODEWITHSUNDEEP
cssoverlap
barakuda28
barakuda28

Reputation: 2902

CSS issue: Footer overlapping with above content

Please take a look here http://sources.freehosting.bg/1st-level.html

The footer overlaps the above content when the page gets "minimized" in the window. I have tried to resolve this for hours but with no luck.

Maximized: http://store.picbg.net/pubpic/99/2A/db640a6f9063992a.PNG Minimized: http://store.picbg.net/pubpic/E4/96/2c1e86018b7be496.PNG

The floats are cleared, I have no idea what might be causing this. Please help me solve it...

Upvotes: 0

Views: 331

Answers (2)

Musa
Musa

Reputation: 97717

Your setHeights is causing the problem, it is setting the heights' of #content and main .main smaller than their content so it overflows, if you take out the -20 it seems to work, but why set the heights any way as it would expand with its content.

function setHeights() {
    var newHeight=$(document).height() - 290;
    $('#content').height(newHeight);
    $('.main').height(newHeight/*-20*/);
}

Upvotes: 1

amiregelz
amiregelz

Reputation: 1875

You need to remove the margin-top: -30px from #footer in your CSS.

Upvotes: 0

Related Questions