Footer isn't at the bottom

Question

I've got a big problem.

the footer is not at the very bottom of the page, if i try to apply:

#footer {
    position: absolute;
    bottom: 0;
}

it will work, but if there is a content big and there is a scrollbar, if you scroll something very bad will happen. :D

Try this: http://stackoverflow.com/questions/2140763/css-push-div-to-bottom-of-page/2140951#2140951 — Bryan A, Mar 01 '13 at 21:06

MIIB · Answer 1 · 2013-03-01T21:25:32.450

0

Change your position:absolute to position:fixed

edited Mar 01 '13 at 21:25

answered Mar 01 '13 at 21:18

MIIB

It is position: *fixed*; – Ivanka Todorova Mar 01 '13 at 21:21
Its good, yeah but for example look at this: http://borbelykertlabor.hu/content.php?page=gyermek&wrapp=12 I want it to be at the end of the content, not the bottom of the voiewport or how to say it :) – aegyed Mar 01 '13 at 21:22

Modo Modo · Answer 2 · 2013-03-01T21:35:06.437

0

Add this to your CSS and the footer should stay at be visible at the bottom even when resized. Worked for me.

#footer{ 
 position: fixed;
 bottom: 0;
 margin-bottom: 0;
}

#wrapperr{
width: 100%;
height: 100%;
}

edited Mar 01 '13 at 21:35

answered Mar 01 '13 at 21:22

Modo Modo

score 0 · Answer 3 · answered Mar 01 '13 at 21:24

0

I always use http://ryanfait.com/sticky-footer/ & I never have problems. Hope it will help you.

answered Mar 01 '13 at 21:24

Ivanka Todorova

3 Answers3