Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

Divs inside parent sharing space

Posted on 2013-12-04
6
Medium Priority
?
274 Views
Last Modified: 2013-12-09
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
0
Comment
Question by:Silverlay
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 2
6 Comments
 
LVL 54

Expert Comment

by:Scott Fell, EE MVE
ID: 39696934
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
 
LVL 5

Author Comment

by:Silverlay
ID: 39697026
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
 
LVL 54

Expert Comment

by:Scott Fell, EE MVE
ID: 39697059
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
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
LVL 5

Author Comment

by:Silverlay
ID: 39697558
Get scrollbar to the end. Second div not showing full content.
0
 
LVL 5

Accepted Solution

by:
Silverlay earned 0 total points
ID: 39697599
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
 
LVL 5

Author Closing Comment

by:Silverlay
ID: 39705744
Removing thouse lines would make second div always stretch to fit parent and it's just what i needed.
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

618 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question