asked on

position panel inside a div

Is it possible to position a panel inside a div programmatically. For example, I have a div with the height of the div set using css. The content in the panel does not fill the content of the containing div, but I want to position the panel (anchor) to the bottom right of the div.

I'm using a percentage for the height in the containing div, which does not seem to work with the relative/absolute positioning using css because depending on the screen size the position changes. Therefore I can't use pixels to position.

I know a table layout can kind of accomplish this, but I need to use divs that is semantically correct. Is this possible?

Thank you.

|-------------------------------|
|                               |
|         div                   |
|                               |
|                   |-----------|
|                   |  panel    |
|                   |           |
|-------------------|-----------|

Open in new window

Christian de Bellefeuille

I don't know if it work, but i would try something like this

<div style="vertical-align:bottom;" align=right></div>

ASKER CERTIFIED SOLUTION

hehdaddy

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Christian de Bellefeuille

hehdaddy is right. Forget what i said. I just noticed that all my content in the div would be right aligned and that's probabl not what you want.