Aftektroksifs
New Member
I have seen some questions like this, but they are old and none of the solutions have worked for me...I have a simple html\[code\]<div id='outer'> <div id='nav'></div> <div id='content'> <!-- html --> </div> <div id='footer'></div></div>\[/code\]and my css\[code\]#outer {width: 800px; margin: 30px auto;}#nav {height: 40px; width: 800px;}#content {width: 800px;}#footer {height: 40px; width: 800px;}\[/code\]Content seems to choose its own height and stays that height no matter what is in it.How can I cause it (\[code\]#content\[/code\]) to fill the space of its content?