Forum Moderators: not2easy

Message Too Old, No Replies

height and extra padding on bottom of screen?

         

tonynoriega

7:49 pm on Apr 22, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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

7:59 pm on Apr 22, 2009 (gmt 0)

10+ Year Member



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

11:35 pm on Apr 22, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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

11:54 pm on Apr 22, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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

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