Footer and fluid heights

[MarkRBM]

I am having trouble getting a sidebar to be equal to the height of some fluid columns that its beside and from the reading I have done it seems that there is not an easy solution. I am wondering if I can put a sticky footer onto their containing div that will always be fixed at the bottom of the browser window. Can I then set the column heights to a percentage of the containing div?

[Paulie_D]

Not as far as I know.

Any footer that is **always** at the bottom of the page (regardless of content height) is going to have positioning applied to it that will take it out of the document flow and thus it would be excluded from calculations of that kind.

At the moment, as far as I am aware, equalizing the heights with JS is the optimal solution until flexbox is available to the majority of users and that, based on browser trends, is a fair way off.

[MarkRBM]

Thanks just doing some more looking into it there. Is there any reason that display table wouldn’t work if I don’t have to support browsers earlier than ie8

[Paulie_D]

I believe that display:table-cell is one option.

[Author]

Posts