How can I adjust parent Container according to Child Container which used flost:left properties RSS

• • Reply
  

  Minhajul0401...

  Member

  77 Points

  121 Posts

  How can I adjust parent Container according to Child Container which used flost:left properties

  Aug 06, 2012 10:37 AM|LINK

  Hi

     I want to display list of user in Container with Container Div Conrol in which details of user available. Everyting working fine but parent Container is not adjusting its hieght according to child Controls. Code is as follows

  Pairent Container

  ===================

   <div id="divCircleJoinRequest" style="width:100%;height:100%;">  
               
    </div>

  Child Control

  ===============================

  iv>
  <div id="T16" style="padding-right:3px;float:left;width:276px;height:120px;padding-top:7px">
  <div class="BoarderWhite" style="padding:2px;width:270px;height:99px">
  <a href="Profile.aspx?ID=16">
  <div style="float:left;width:100px">
  <img class="actorImage" style="width:99px;height:99px" src="Images/minhajul@gmail.com.jpg" alt="Minhajul Islam">
  </div>
  </a>
  <div style="float:left">
  <div class="actorName">Minhajul Islam</div>
  <div class="Address">
  <a href="OgranisationDetails.aspx?ID=21" style="color:White">Sarjak Container Line Pvt. Ltd</a>
  </div>
  </div>
  </div>
  <div id="16" class="DownBar">
  <img id="test111" class="remove" src="../CSS/Rm.png" style="width:18px;height:18px;float:left;cursor:pointer" alt="Remove" title="Remove">
  <div></div>
  <img class="block" title="Block" style="width:18px;height:18px;float:right;cursor:pointer" alt="Remove" src="../CSS/block.png" usernumber="16">
  </div>
  </div>
  </div>
  </div>

  
  
  

  Result is comming as following

  ============================

  

• • Reply
  

  Ramesh Chand...

  Star

  12922 Points

  2672 Posts

  Re: How can I adjust parent Container according to Child Container which used flost:left properti...

  Aug 06, 2012 11:13 AM|LINK

  don't put any height and width property for your child contrainer, instead height and width as auto. It will take the parent height and width.

  If this post answered your question or solved your problem, please Mark it as Answer.
  • Marked as answer by dalong zhang - msft on Aug 13, 2012 06:01 AM
• • Reply
  

  zinat

  Member

  34 Points

  12 Posts

  Re: How can I adjust parent Container according to Child Container which used flost:left properti...

  Aug 06, 2012 11:25 AM|LINK

  Hi,

  you can try removing the height of parent and then adding a div after the child (inside parent last thing) with the following style class

  .clear

  {

  clear: both; display:block;height: 0px;overflow: hidden;visibility: hidden;width: 0px;

  }

  thanks.

  zinat.