CSS Positioning Brain Fart
Posted December 23rd, 2010 @ 02:15pm by Erik J. Barzeski
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?
Donate Life
Posted 27 Dec 2010 at 6:17pm #
Won't "bottom: 0;" work?
Posted 27 Dec 2010 at 6:33pm #
[quote comment="65991"]Won't "bottom: 0;" work?[/quote]
It doesn't seem to. With any combination of
position:.I think I've got it now. The thing I was missing was
position: relativein .post_container, amargin: 0 0 2em 0in .post_content, and aposition: absolutein .signature.Posted 27 Dec 2010 at 6:49pm #
OK, here's the real answer.
.post_container { position: relative; }
.signature {
position: absolute;
bottom: 0;
}
Posted 27 Dec 2010 at 7:00pm #
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!!!