CSS margin / padding not working

Question

I am trying to figure out how to push my footer further down on a lower resolution screen. Currently the form I have on the page overlaps into the footer on a 1024x768 resolution screen, on a larger screen this is not a problem as there is plenty of space.

page

I'm baffled by this and have tried a few solutions all to no avail :

• used padding top in the footer div
• used margin top in the footer div
• used <br /> tags to make breaks
• made a div <div style="height:100px;width:100%;margin-top:50px;margin-bottom:50px;">

all of these only had an affect, where the affect is actually below the footer I need the affect to be above the footer.

Answer 1

Please share the code so others can see it in the future!

Alas...

Your issue is because of this line in your CSS

#outer_wrap { height: 120% !important; }

It looks like it's being generated by a file called "register". I very rarely set a height like that (what if your at some point overflows this box?), and I've never set a height greater than 100%, it's just asking for problems.

If you remove that line, your page will render properly and you won't have that overflow into the footer.