Divs inside parent sharing space

Hello Experts,

I got a bit confused designing one component and would be greatfull for any help.
Basicaly a got parent div with 2 divs inside. Thing i want to archive is when .new-epmloyees div (can't take more then 50% of space) got less content in it second .birthdays div  should take all parent free space avaliable and still remain scrollable.

Example of what i already messed up could be found here: http://cssdeck.com/labs/adlq1ndp

Thanks in advance,
Silver
LVL 5
SilverlayAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
SilverlayConnect With a Mentor Author Commented:
Got it. All we have to do is remove

  min-width: 50%;
  max-width: 100%;
  display: inline-block;

from .birthdays declaration, and it works like charm.
0
 
Scott Fell, EE MVEDeveloperCommented:
It looks like it works.   When I take away some of the links on the left side, the right moves over as you expect.  What am I missing?   (using chrome)
0
 
SilverlayAuthor Commented:
Take a look now, i've added few elements. Right side not scrolling on buttons, coz it's actualy strech over parent container and not fitting it.
0
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

 
Scott Fell, EE MVEDeveloperCommented:
On the birthdays class, try adding overflow:auto; then add a lot more links and see what happens.  example http://cssdeck.com/labs/xssryrm6
0
 
SilverlayAuthor Commented:
Get scrollbar to the end. Second div not showing full content.
0
 
SilverlayAuthor Commented:
Removing thouse lines would make second div always stretch to fit parent and it's just what i needed.
0
All Courses

From novice to tech pro — start learning today.