css3 - How to I make a parent div resize height based on children dimensions in this example? -

-

i'm making section lists user reviews on website i'm working on. problem i'm having when posts long of review, div won't resize fit text, text either overflows, or cuts off @ bottom of div. wish more specific question, have many nested div's here, don't know 1 should edit. http://codepen.io/donnaloia/pen/mykeob

html

<br> <br> <br>  <div class="maincontainer"> <div class="reviewrow"> <div class="commentpanel"> <div class="reviewerpic">   <img src="mugshot.img"></div>  <div class="authordiv"> <strong>reviewed dave</strong> <div class="stars"><img src="/static/img/stars.png"> </div>  <hr> <div class="reviewcomment">this less "pros , cons" review useful commentary kindle compared other ereaders , means ebook industry. (i believe has changed kindle's creation.)  many years have been avid reader of ebooks using every ereading device on market. early-adopter of techie gadgets had been anxiously awaiting amazon's kindle since first rumors. purchased both out of curiosity , hoping better "next generation" ebook solution. in case you're wondering whether i'm "that" steve gibson, -- i'm guy gets google's first 3  so, it's worth, if posting discovered interested pre-purchasers, hope following commentary might place kindle in "perspective" , of value you. (and if is, hope you'll click button @ bottom indicate that, review might found more potential buyers ... thank you!)</div> </div> </div> </div>  <div class="reviewrow"> <div class="commentpanel"> <div class="reviewerpic">   <img src="{{ i.author.get_profile.get_mugshot_url }}"></div>  <div class="authordiv"> <strong>reviewed cindy</strong> <div class="stars"><img src="/static/img/stars.png"> </div>  <hr> <div class="reviewcomment">hello.  short review.</div> </div> </div> </div> </div>

css

.maincontainer {   position:relative; } .reviewrow {     width: auto;     margin-left: 0.9375em;     margin-right: 0.9375em;     margin-top: 0;     margin-bottom: 0; }  .commentpanel{   width:955px;   height:115px;   border-style: solid;   border-width: 1px;   border-color:#d8d8d8;   background:#f2f2f2;   padding:1.25rem;   margin-bottom: 12px;  }  .reviewerpic {     position: relative;     width: 90px;  }  .authordiv {     position: relative;     float: right;     width: 796px;     height: 30px;     bottom:87px; }  .stars {     width:90px;     top: 0px;     left:260px;     width: 70px;     position: absolute; }  .reviewcomment {     font-size: 12px;     font-weight:100; }

much easier here http://codepen.io/donnaloia/pen/mykeob

changed of styles meet it...

.commentpanel{     width:955px;     /*height:115px;*/     overflow: auto;/*added*/     border-style: solid;     border-width: 1px;     border-color:#d8d8d8;     background:#f2f2f2;     padding:1.25rem;     margin-bottom: 12px; }  .authordiv {     position: relative;     float: right;     width: 796px;     /*  height: 30px;*/     bottom:87px;     top: 0px; /**added*/ }

check out code pen


Comments

Post a Comment

Popular posts from this blog

python - mat is not a numerical tuple : openCV error -

-
i have write down code showing error ma not getting it: please help: showing mat not numerical tuple: import cv import cv2 capture = cv2.videocapture("j.3gp") while(1): _, frame1 = capture.read() grayimage1 = cv2.cvtcolor(frame1, cv2.color_bgr2gray) _, frame2 = capture.read() grayimage2 = cv2.cvtcolor(frame2, cv2.color_bgr2gray) differenceimage = cv2.absdiff(grayimage1,grayimage2) thresholdimage = cv2.threshold(differenceimage,25,255,cv2.thresh_binary) cv2.imshow("difference image", differenceimage) cv2.imshow("threshold image", thresholdimage) cv2.imshow("image", frame1) k = cv2.waitkey(30) & 0xff error arising : ----------------------------------------------------------------------------------------- traceback (most recent call last): file "desk.py", line 15, in <module> cv2.imshow("threshold image", thresholdimage) typeerror: mat not numerical tuple ...
Read more

c# - MSAA finds controls UI Automation doesn't -

-
i'm working on automating windows application. i'm using teststack white framework. i've hit problem. program has 'window' object cannot see inside of. white shows no controls inside of it. inspect.exe shows no controls inside of either when running in ui automation mode. if switch inspect msaa see controls inside fine. there anyway me use msaa c# handle on these controls? if can identify msaa functions need, can use p/invoke call them c#. here's example article doing msaa: http://www.codeproject.com/articles/38906/ui-automation-using-microsoft-active-accessibility also, pinvoke.net can used identify iaccessible (msaa) functions: http://www.pinvoke.net/search.aspx?search=iaccessible&namespace=[all] here's answer along lines: msaa com-based? finally, alternative p/invoke, might able use tlbimp.exe create wrapper assembly oleacc.dll, , access msaa functions through it. i'm not sure if works msaa, it's worth try. as e...
Read more

wordpress - .htaccess: RewriteRule: bad flag delimiters -

-
pulling hair out on one. have following .htaccess file custom redirects in addition wordpress's default settings. when tested on local wamp server worked fine after moving production i'm not getting rewriterule: bad flag delimiters error in server log , after while site goes down internal server error any appreciated. in advance! <ifmodule mod_rewrite.c> rewriteengine on rewritebase / rewriterule ^rockford_weddings___welcome\.html$ /wedding/ [r=301,l] rewriterule ^blog/?$ /journal/ [r=301,l] rewriterule ^blog/(.*)$ /$1 [r=301,l] rewriterule ^portraitinvestment/?$ /portraitinvestment\.pdf [r=301,l] rewriterule ^weddinginvestment/?$ /weddinginvestment\.pdf [r=301,l] rewriterule ^holidaycards2014/?$ /holidaycards2014\.pdf [r=301,l] </ifmodule> # begin wordpress <ifmodule mod_rewrite.c> rewriteengine on rewritebase / rewriterule ^index\.php$ - [l] rewritecond %{request_filename} !-f rewritecond %{request_filename} !-d rewriterule . /index.php [l] </...
Read more