WordPress.org

1. sullivanandco
   Member
   Posted 11 months ago #

   Okay, a search turned up a few topics, but nothing that got resolved in a way that was well-explained. :-(

   Tweaking Minimalism, I've made a page with a #999 page background and a white post background. The problem, of course, is when there's very little content on the page; instead of a full vertical white area in the middle of a gray page, I get a white rectangle at the top of the page surrounded by gray on three sides.

   Note: I'm not using the word "columns" because I don't want to confuse the issue with a discussion of two- or three-column layouts.

   It seems like min-height: 100% (or perhaps simply height: 100% should solve this, but either it doesn't or I don't know where to put it.

   Help! Thanks in advance, all. :-)

2. esmi
   Theme Diva & Forum Moderator
   Posted 11 months ago #

   There are literally thousands of WordPress themes - which means that many people won't be familiar with your particular theme. So a link to the page on your site where people can see the issue might result in more responses.

3. sullivanandco
   Member
   Posted 11 months ago #

   Good point, thanks Esmi. And oops, typo, that should be "Minimalism"...

   http://www.squeezepod.com/blog/

   Right now I have a set height of 100em but that was just to see if a specific height would work -- which it does. But percentages (whether 100% or 50%) don't do anything.

4. esmi
   Theme Diva & Forum Moderator
   Posted 11 months ago #

   If you're going to go down the min-fixed height route, try setting min-height in pixels. Percentages never work in this situation and there is no benefit to be gained in using ems as the container will automatically expand to fit the text as long as you don't set a max-height.

5. sullivanandco
   Member
   Posted 11 months ago #

   Gotcha!

   Of course, ideally I'd like 100% height... no quick fix for that, though, I'll bet?

6. esmi
   Theme Diva & Forum Moderator
   Posted 11 months ago #

   If the blocks are floated, then there are some CSS hacks around to try and pull one or more down to the same height but the perfect solution is still something of a Holy Grail.

Reply

You must log in to post.