Archived

This topic is now archived and is closed to further replies.

  • 0

Remove Large Whitespace On Pages With Little Content


Question

Posted · Report post

Pagelines Drag & Drop looks great with this website I made:  http://sakyongmedia.com

 

However, I am having a problem with my background image not repeating properly on pages with very little content as seen here: http://www.sakyongmedia.com/daily-contemplation-december-17th-2012/

 

Can anyone offer advice how to remedy this problem?  Thank you for your assistance.

Share this post


Link to post
Share on other sites

4 answers to this question

Posted · Report post

Rob,

 

 

#site #page, #site #dynamic-content {     min-height: 100px; }

 

 

That was it! Thank you for explaining about min-height.  I was not aware of that.  I guess that means I should use min-height instead from here on out.  I appreciate the heads up.

Share this post


Link to post
Share on other sites

Posted · Report post

That white space is coming from this selector:

#site #page #dynamic-content

 

There's a minimum height for it that needs to be lowered (to perhaps 200px).

Share this post


Link to post
Share on other sites

Posted · Report post

Catrina,

 

Thanks for the reply.  I added the code below to my CSS section, but nothing changed.  Did I do it wrong?

 

#site #page #dynamic-content {
  height: 200px !important;
}

Share this post


Link to post
Share on other sites

Posted · Report post

You added this:

#site #page #dynamic-content {
    height: 200px !important;
}

 

But you left this:

#site #page, #site #dynamic-content {
    min-height: 400px;
}

 

What you need is this:

#site #page, #site #dynamic-content {
    min-height: 240px;
}

I don't recommend using the height command, but instead, the min-height command  as height is legacy to CSS1, while min-height is CSS2 and later. Height does work, but needs help like the !important operator, which is not a good thing, as it's not recognized by all browsers.

Share this post


Link to post
Share on other sites