CSS full height of parent container

Question

I have some troubles with getting the full height of the parent div in my webdesign. The container div is a div inside a div with a height of 100%.

<div id="container">
    <div id="navigation"></div>
    <div id="content"></div>
</div>

I have tried to read some of the other questions on stackoverflow and others, by i can't get it to work.

With CSS.

are you looking to get height of container in javascript + are you using jQuery or any client side library?? — Praveen Prasad, Aug 07 '11 at 11:03
You mean you want the "navigation" DIV to be same height as the "content"? — Shadow The GPT Wizard, Aug 07 '11 at 11:07
[Another Answer found on Stackoverflow - CSS Expand Parent Div To Child Height][1] [1]: http://stackoverflow.com/questions/384145/css-expand-parent-div-to-child-height — Anil, Aug 07 '11 at 11:13
It would help if you could post the css you are already using. — tw16, Aug 07 '11 at 12:19
Title, question and tags = Nothing makes sense, I would think that he means height: 100%;. But nobody knows :( — Kalle H. Väravas, Aug 07 '11 at 12:38

David Fow · Answer 1 · 2011-08-07T15:03:04.660

0

var height= jQuery('#container').outerHeight(true);

edited Aug 07 '11 at 15:03

answered Aug 07 '11 at 11:02

David Fow

1 Answers1