[css-d] Why is height 100% div pushed by sibling

2014-07-01 Thread Lixo Aqui
Hi all, Take a look at my example: http://jsfiddle.net/nn2N7/ In summary I have 2 siblings, one with 100px height and another with 100%. I was expecting the 100% div to only fill the available space after subtracting the 100px. Instead it assumes 100% height of parent block level element

Re: [css-d] Why is height 100% div pushed by sibling

2014-07-01 Thread Philippe Wittenbergh
Le 1 juil. 2014 à 20:57, Lixo Aqui lixoa...@netcabo.pt a écrit : Take a look at my example: http://jsfiddle.net/nn2N7/ In summary I have 2 siblings, one with 100px height and another with 100%. I was expecting the 100% div to only fill the available space after subtracting the 100px.

Re: [css-d] Why is height 100% div pushed by sibling

2014-07-01 Thread Lixo Aqui
as needed by its text content and then the sibling to use up all the remaining space. Thanks in advance, -- A Santos From: e...@l-c-n.com Date: Tue, 1 Jul 2014 21:48:05 +0900 To: lixoa...@netcabo.pt CC: css-d@lists.css-discuss.org Subject: Re: [css-d] Why is height 100% div pushed

Re: [css-d] Why is height 100% div pushed by sibling

2014-07-01 Thread Philippe Wittenbergh
Le 1 juil. 2014 à 23:40, Lixo Aqui lixoa...@netcabo.pt a écrit : I'm just learning about the flex box module, do you think you can provide an example of a solution using flexbox? Because my fix only works if my first sibling has a fixed height which is not always the case so what I want