height and extra padding on bottom of screen?

[tonynoriega]

all of my divs are set to height:100%; which seems to be working fine.

i have a wrapper, header, 2 column layout, footer.

the footer however, seems to have about 20px of white space under it.

my screen is set to 1280x1024

ive checked, and double checked my CSS and it seems to be fine... no extra padding or anything...

where is this coming form? its just enough to do one wheel mouse scroll...

something that is out of my control?

[holyhttp]

make sure you set the margin-bottom and padding-bottom to 0 in the body:
body{
margin-bottom:0;
padding-bottom:0;
}
and also look for those properties in the wrapper and the footer as well.

[swa66]

all of my divs are set to height:100%; which seems to be working fine.

In my experience it always all falls apart as soon as the viewport is less tall than the content in such a setup ...

[DrDoc]

Not if you set the viewport height to 100% as well.

html, body {
height: 100%;
margin: 0;
padding: 0;
}