javascript - Take height of parent and assign to child with jQuery -

-

i have css , html structure:

.body_wrapper {    height: 100%;    }    .forumcontents {    width: calc(100% - 290px) !important;    float: left;    }    .sidebar_container {    width: 270px;    float: right;    height: 100%;    }    .clearfix {     zoom: 1;     clear: both;    }
<div class="body_wrapper clearfix">      <div class="forumcontents"></div>      <div class="sidebar_container"></div>  </div>

unfortunately, need float .sidebar_container, float, div doesn't take 100% of height of .body_wrapper , reasons can't use absolute positioning.

i tried display: table-cell .sidebar_container doesn't work, thought solution take .body_wrapper height after page loading ad assign .sidebar_container.

how can jquery?

here jquery

$(function () {     $(".sidebar_container").height($(".body_wrapper").height()); });

here fiddle showing in action (i added borders show boundaries): http://jsfiddle.net/48uxr49p/

however, in jsfiddle, using height:100% on sidebar works fine (i commented out show jquery works). may want dig around see if there element/css preventing height:100% working.

here jsfiddle demonstrating height:100% works: http://jsfiddle.net/w3dmx7qm/


Comments

Post a Comment

Popular posts from this blog

html - Firefox flex bug applied to buttons? -

-
i'm trying apply flex button on firefox i'm having problem on chrome doesn't happens. this css: .button { display: inline-flex; align-items: center; } as can see in fiddle, "caret" word moved new line, happens if element <button> tag, <div> works expected. http://codepen.io/anon/pen/xblmgx is firefox bug or there css i'm missing? nevermind, looks "mr firefox" doesn't idea... <button> not implementable (by browsers) in pure css, bit of black box, perspective of css. means don't react in same way e.g. <div> would. this isn't specific flexbox -- e.g. don't render scrollbars if put "overflow:scroll" on button, , don't render table if put "display:table" on it. stepping further, isn't specific <button> . consider <fieldset> , <table> have special rendering behavior: data:text/html,<fieldset style="d...
Read more

mysql - FireDac error 314 - but DLLs are in program directory -

-
i getting when trying access mysql database : [firedac][phys][mysql]-314. cannot load vendor library [libmysql.dll or libmysqlld.dll] this did not happen (unchanged) code, however, have upgraded windows 10 , had reinstall delphi xe8, system configuration matter. in order try solve problem, copied both of files c:\windows\sysytem32. when did not seem work, copied them \win32\debug, generated .exe resides. i imagine doing rather stupid, can't see what. the proper solution place driver file (eg., libmysql.dll ) in application's folder, or place installation location in fddrivers.ini file: [mysql] vendor=<folder>\libmysql.dll (recent versions of documentation seem use vendorlib instead of vendor in ini file.) see rad studio documentation topics configuring drivers (firedac) , connect mysql server (firedac) more information.
Read more

python - build a suggestions list using fuzzywuzzy -

-
i building suggestion engine database. i'm using fuzzywuzzy module match user input string existing database shown below. if request.method == "get": display_dict = {} user_input = request.get["user_input"] # user input match_dict = {} food_items_obj = food_items.objects.all() # fetch objects table items in food_items_obj : match = fuzz.ratio(user_input.lower(),items.name.lower()) # try match user input existing names match_dict[match] = items.name # put 1 dictionary matched_dict = ordereddict(sorted(match_dict.items(),reverse = true)) # sort dictionary if max(matched_dict.keys()) == 100: # if exact match put in dict , return display_dict[100] = matched_dict[100] else : # if not found try best matching words.. ###########this part need help! ############# k,v in matched_dict.items(): if user_input in v : display_dict[k]...
Read more