html - How to place a DIV regarding to lower left hand-side corner? -
i add lis in div. div frame fieldset has no width , no height. size should automatically sized using padding. problem div element of class of div:
<div class="flag"> <div id="drop_up"> <fieldset> <ul> <li> content </li> </ul> </fieldset> </div> </div> okay, li's inserted automatically through loop.
now problem is, div drop-up frame. size of grows upwards , not downwands usual. can not position using left, bottom etc. because height different depending numbers of li's.
my question if there way position element lower left hand-side corner? positioning takes effect on upper right hand-side corner no problem when div growing downwards.
if there can me out appreciate.
thanks alot.
if understand trying achieve want bottom of 'drop_up' divs attached top of parent 'flag' divs, i.e. no matter how content in either 'flag' or 'drop_up'.
assuming understanding correct suggest wrapping 'drop_up' divs inside div (which call 'drop_upholder') , absolute position new div top of 'flag' div , absolute position bottom of 'drop_up' div holder div.
e.g.
<div class="flag"> <div id="drop_upholder"> <div id="drop_up"> .... .... </div> </div> </div> .flag #drop_upholder { position:absolute; z-index:0; top:0; height:0 } .flag #drop_up { position: absolute; z-index: 1; background-color: gray; padding: 25px; bottom:0; } i hope helps.
Comments
Post a Comment