Jump to content


Photo
- - - - -

Gap Under Footer On Some Pages


This topic has been archived. This means that you cannot reply to this topic.
7 replies to this topic

#1 jpuckett

jpuckett

    Newbie

  • Members
  • 7 posts

Posted 04 December 2012 - 04:03 PM

This post is about test.dunwichtype.com. You can view the site with the password “iamtest”.

 

I get a gap underneath the footer. On pages that don’t have much content the gap can be very large, such as:

Please Login or Register to see this Hidden Content

 

Compare that to the 5px gap on:

Please Login or Register to see this Hidden Content

 

You can also see the gap in the attached image.

 

The problem is not in the content of the page, because I can post content and the problem still occurs. I can strip my custom code down to just a footer color and the problem still occurs, so the problem isn’t there. And my custom code doesn’t change any margins or padding of the Pagelines boxes, so it shouldn’t be a problem anyway.

 

I think this may be the problem mentioned in this thread: 

Please Login or Register to see this Hidden Content

 

My custom code, minus a bunch of @font-face links, is:

 

body, li, .widget-title, .site-description {font-family: 'Rhodium'; font-weight:normal;}
h1, h2, h3, h4, h5, h6, {font-family: 'Rhodium'; font-weight:bold;}
h1, .fpost .entry-title {font-size: 175%; line-height: 100%;}
h2, {font-size: 150%;}
slogan {font-size: 135%; font-weight: bold;}
buy {font-family: Rhodium; font-weight: bold;}
 
.post-meta { margin-bottom: 0;}
#footer {background: #000; background-image:url('/images/dark_stripes.png')}
.site-title, a.site-title {
  font-family: Rhodium; 
  font-weight:bold; 
  font-size:1.2em; 
  color:#e68500; 
  padding-left:12px;
}
.fittext-container { padding: 0 25px 50px 25px; margin-top:0px;}
#fitbox {font-color:#e68500;}
h2.fittext {font-family: 'DTFHeadlines';}
#buythis {
  width: 125px;
  margin-top: -12px;
  margin-bottom: 15px;
  text-align: center;
  background-color: #1f1f1f;
  background-image:url('/images/dark_stripes.png');
  color: #fff;
  padding: 6px 8px 6px 8px;
  font-weight: bold;
  font-size: 85%;
  border-radius: 8px;
  box-shadow: 0 2px 1px #bfbfbf;
  -moz-box-shadow: 0 2px 1px #bfbfbf;
  -webkit-box-shadow: 0 2px 1px #bfbfbf;
}
a.buythis, {color: #fff;}


#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 04 December 2012 - 05:05 PM

In this code:

Please Login or Register to see this Hidden Content

You have a stray comma after buythis. Please remove it.

 

You also have a stray comma here after h6 (remove it too):

Please Login or Register to see this Hidden Content



#3 jpuckett

jpuckett

    Newbie

  • Members
  • 7 posts

Posted 04 December 2012 - 05:32 PM

Thanks for pointing out the stray commas. I got fixed them, but that doesn’t fix the problem (as noted above, I can delete all custom code save the footer color and the problem still occurs).



#4 beardedavenger

beardedavenger

    Unicorn Wrangler

  • Members

  • 1219 posts

Posted 04 December 2012 - 05:38 PM

Ya this is a bug. See my reply here for the fix.

 

Please Login or Register to see this Hidden Content



#5 jpuckett

jpuckett

    Newbie

  • Members
  • 7 posts

Posted 04 December 2012 - 05:53 PM

Is the fix to add

#footer .fix:after{content:"";}

to my custom code? Because I tried that and it doesn’t work. Does it go somewhere else?



#6 beardedavenger

beardedavenger

    Unicorn Wrangler

  • Members

  • 1219 posts

Posted 04 December 2012 - 05:56 PM

Well you must not be adding it correctly, because it seems to work for everyone else.



#7 jpuckett

jpuckett

    Newbie

  • Members
  • 7 posts

Posted 04 December 2012 - 07:01 PM

I think I am actually seeing two different problems. On the pages with long content, where before I had the 5px gap, the problem is fixed. But on page with short content the big gap is still there, see 

Please Login or Register to see this Hidden Content



#8 beardedavenger

beardedavenger

    Unicorn Wrangler

  • Members

  • 1219 posts

Posted 04 December 2012 - 07:54 PM

That gap you're talking about is the end of the page. That's normal.