html - One static height div and 2 flexible height divs inside container -


i'm creating small chat site.

<div id="container">     <div id="user"></div>     <div id="chat"></div>     <div id="chatform"></div> </div>

what end result should this: http://jsfiddle.net/xxhtc/2/

this pretty easy when know height of user div. however, user div not have known height, expands , shrinks users log on , off.

the chatform @ bottom has known height, can set position absolute , bottom: "height of chatform div" it's height chat not overlap it.

how can set "top" value of chat relative user div expands/shrinks. don't want user div hide in chat div.

you'll need use javascript determine height of div#user , set top position of div#chat equal height.

demo


Comments

Post a Comment

Popular posts from this blog

c# - Operator '==' incompatible with operand types 'Guid' and 'Guid' using DynamicExpression.ParseLambda<T, bool> -

i'm using dynamic linq library , there source code , basic docu , nuget version pm> install-package dynamiclinq i'm trying construct clause involves guids i have tried string "id == @0" . parameter array object[] value ( guid xxxx ) var whereclausesb = buildlogicalkeywhereclause2(entity, logicalkey); //build string var parms = buildparamarray(entity, logicalkey); // object[] var wherelambda = ofsi.bos.core.dynamicexpression.parselambda<t, bool>(whereclausesb.tostring(),parms); //parse an exception thrown in dynamicexpression.parselambda operator '==' incompatible operand types 'guid' , 'guid' i have tried guid , string.(fail) i tried , "id = @0" (fail). string == string works, int32==int32 not guid == guid not any ideas? try using equals method instead of == operator in string: "id.equals(@0)"
Read more