how to make a
sink at the bottom of its parent
?

Giganews Newsgroups
Subject: how to make a <div> sink at the bottom of its parent <div>?
Posted by:  nick (nbdy9@nospam.hotmail.com)
Date: Sun, 02 May 2004

The structure is very simple:

<div style="WIDTH: 500px; HEIGHT: 50px; BACKGROUND-COLOR: aqua">
    <div id="nav">
        <a href="#">menu1</a>
    </div>
</div>

I want to let the "nav" div sink at the bottom of the aqua color div. I
tried to make the "nav" div 100% height and set "vertical-align:
baseline/bottom/text-bottom;" and they doesn't work.

Also I tried to set the margin-top of "nav" div to, saying, 40:
"margin-top: 40". It works on IE but not works on mozilla. On mozilla,
looks that the parent div has been set "margin-top: 40". very bizarre.

Replies