[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
Thanks for the clarification. 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 is 1 children to take as much height as

Re: [css-d] Table with fixed headers

2014-07-01 Thread Larry Martell
Maybe if I ask this question a different way, I can figure out an answer. Normally when I create a table I apply no CSS to it and it just does the right thing, e.g.: http://jsfiddle.net/u6ULk/ But I want the table to be scrollable with a fixed header, so I do this: http://jsfiddle.net/mrLVG/

Re: [css-d] Table with fixed headers

2014-07-01 Thread Tom Livingston
Is it possible to have a scrolling table with fixed headers without explicitly specifying the table cell sizes? Depending on your content this may be (or outright is) semantically horrifying, but you could achieve the *visual look* you want by using CSS display:table, et al and/or dl,dt,dd

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