Strange 20px margin at bottom of page

[publik]

Im getting a 20px margin at the bottom of my page, and cannot figure it out, html and body both have margin:0; padding:0;

Here

 

[brynmuzika]

Did you set the property value of the margin under the #page div like this?

margin: 0 auto;

 

[PixelPusher]

Are you referring to the extra black space at the very bottom of the page? Ifo so this is generated by the 20px bottom margin you have set on the last paragraph ("Website developed and hosted...")

 

[Advanox]

margin should be 0. I have same question as Pixel.

 

[publik]

I found out (with some help), that the problem was in default.css:

.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

In particular content: '.';

This default.css is a drupal core file and didnt want to go mucking around with it, so I overrode it like this at first:

#footer-region:after {content:'';}
#page:after {content:'';}

Then after a bit more advice and reading all I needed was this:

#footer-region {overflow:hidden;}
#page {overflow:hidden'';}

Ive commented out the rules temporarily so you can see what the problem actually was if you like.