Advertisement

01.29.2008 at 10:49PM PST, ID: 23121971
[x]
Attachment Details

How to position a nested DIV at bottom of parent DIV (same as background-position: bottom)

Asked by smacca in Cascading Style Sheets (CSS), Miscellaneous Web Development, Hypertext Markup Language (HTML)

Tags: HTML, CSS

Hi,

I am looking for solution to position a nested DIV at bottom of the parent DIV.
The functionality would be the same as positioning an image using 'background-position: bottom center'

Is this possible using CSS?
I am quite proficient at CSS but cannot think of how this could be achieved.

Would love to hear any input or comments on this.

Cheers.
SteveStart Free Trial
1:
2:
3:
4:
5:
6:
7:
8:
<div id="ParentContainer" style="width:200px;height;500px;">
    
   <div id="AnyOldDiv_UsuallyLeftMenu" />
 
    <!-- Need this container to be at bottom of 'ParentContainer' -->
    <div id="NestedContainer" />
 
</div>
[+][-]01.29.2008 at 11:51PM PST, ID: 20775374

View this solution now by starting your 7-day free trial. Setting up your free trial is quick, easy, and secure. We will return you to this solution, unlocked, when you're done.

 

About this solution

Zones: Cascading Style Sheets (CSS), Miscellaneous Web Development, Hypertext Markup Language (HTML)
Tags: HTML, CSS
Sign Up Now!
Solution Provided By: goban
Participating Experts: 2
Solution Grade: A
 
 
[+][-]01.30.2008 at 01:12AM PST, ID: 20775673

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 7-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]03.07.2008 at 07:00AM PST, ID: 21070692

Assisted solutions are selected by the member who asked the question as a comment that contributed to their question's solution.

Start your 7-day free trial to view this Assisted Solution or ask the Experts your question.

 
 
Loading Advertisement...
20080716-EE-VQP-32 / EE_QW_2_20070628