HTML/CSS/jQuery: How to set an “absolute text bottom” so that further text expands upwards?

Yes, just wrap header and content in a single div like this.

Yes, just wrap header and content in a single div like this: Header Content 1 Content 2 Then use this CSS: #parent { position: relative } . To_bottom { position: absolute; left: 0; bottom: 20px; width: 100%; } More info: Absolute positioning can be relative to any side: top, left, bottom, right. Or a combination.So: bottom: 0; right: 0 anchors to the right and bottom, but not the top or left.

It basically becomes: bottom: 0; right: 0; top: auto; left: auto. Similarly, using bottom: 20px; left: 0 anchors it to the bottom left, 20px up from the bottom.

If another line of content is added to that div, the top left corner will not move. It will still be 20px from the bottom. – Walker Jun 21 '10 at 3:51 1 Try it and see :) But I'll save you the trouble.It will work as you want it to work.

The . To_bottom's upper left corner will keep "growing" up from the bottom as more content is added. Think of it this way, a div by default tries to be as short as there is content in it.

So I anchor this miniature div by the bottom, but as content is added, it grows. The content in the div thinks it is bound to the upper left, but the actual div is bound to the bottom.As its content grows, the upper left moves further away from the bottom. – Doug Neiner Jun 21 '10 at 3:56.

You misunderstand, I know layout rules for divs I want the actual TEXT inside the div to align from the bottom up. To give you some perspective, I'm creating a dropdown menu that opens from the bottom of the page and populated from a database. So I don't know how long the menu is going to be, or how many items it will have - so I want the last line of text strapped to the bottom.

Absolute positioning aligns the the div to the bottom of the page, but doesn't adjust based on content as the "positioning" element of the div is in the top left. – Walker Jun 21 '10 at 3:47.

I seem to have run into a similar issue needing to align something to the bottom of the div irrespective of the height of the content above it. Doing some searching I can across the jQuery UI position plugin and am just starting to take a look at it now... maybe of some help to you as well.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions