|Subject:||how to make a <div> sink at the bottom of its parent <div>?|
|Posted by:||nick (firstname.lastname@example.org)|
|Date:||Sun, 02 May 2004|
The structure is very simple:
<div style="WIDTH: 500px; HEIGHT: 50px; BACKGROUND-COLOR: aqua">
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.