More CSS joy - getting elements to stack from the bottom up?

elven

So, I have a container with three elements in it, and I want them all to stack on top of each other, basically aligned on the bottom right corner. I've used an absolute position to get the lowest one in the right place, but after that I can't do anything - because the size of the elements may change (content, text size etc).

Am I missing something obvious here?

Or should I be choosing a different design that aligns to the top instead...?

forbairt

container > bottom right container > 3 elements within it ??


that do the trick for you ? or have you got an example of what you want ...

louie

if you want them on top of each other just put it into divs, but if you want them beside each other use float:left

elven

I'm using a float left and a float right, and I need to align a block in whatever possible fashion in the bottom right of that left float.

forbairt

elven wrote:

I'm using a float left and a float right, and I need to align a block in whatever possible fashion in the bottom right of that left float.

As I said before ...

#bottomright {
  float: right;
  position: absolute;
  bottom:0; 
  right:0;
  padding:0;
  margin:0;
}


<div id="bottomright">
<div>test 1</div>
<div>test 2</div>
<div>test 3</div>
</div>

That is what you want isn't it ? .. container div ... and then 3 elements within it ... ?

If not if you post up a link we can sort you out

louie

elven wrote:

I'm using a float left and a float right, and I need to align a block in whatever possible fashion in the bottom right of that left float.

use a div container for the left and right and set autoscroll to true giving a fix height.
below the container set the footer div with your image as background.