Subscribe to
Posts
Comments
NSLog(); Header Image

CSS Positioning Brain Fart

I think I'm having a brain fart of some kind. Have a look at this page: http://nslog.com/_space.html (which may not exist after I solve the problem) and maybe you'll see what I'm apparently too mentally gassy to get: what can I do to make the "Signature" align with the bottom of the blue frame it's in?

The red div is fine. The green div is fine. Blue and yellow are okay as well. I just need teal to go to the bottom of the blue div.

Postbit can change its height a little bit, but it'll have a min-height of 250px or so. Post content can be as short as one line or as long as you want it to be… and the signature area can be one line of text, six lines of text plus an additional 50px for a row of images, or non-existent.

So, what's up? What am I not seeing or getting?

4 Responses to "CSS Positioning Brain Fart"

  1. Won't "bottom: 0;" work?

  2. Andy Fragen said on December 27, 2010:

    Won't "bottom: 0;" work?

    It doesn't seem to. With any combination of position:.

    I think I've got it now. The thing I was missing was position: relative in .post_container, a margin: 0 0 2em 0 in .post_content, and a position: absolute in .signature.

  3. OK, here's the real answer.

    .post_container { position: relative; }
    .signature {
    position: absolute;
    bottom: 0;
    }

  4. Oops, sorry, yep. You posted and I edited at almost the same time.

    You win any prize from the second row, excluding the blue ducks on the far left. Thanks!!!


Trackback URI | Comments RSS

Leave a Reply

Please abide by the comment policy. Valid HTML includes: <blockquote><p>, <em>, <strong>, <ul>, <ol>, and <a href>. Please use the "Quote Me" functionality to quote comments.