Edit Question - KnowledgeHub

Title Body

A lot of topics on this... but not getting the point how to do it. I have my JQM Header and Footer. I want the content area to fill the 100% height in between head and foot. Thats my code, how is it possible? <body> <div data-role="page" id="entryPage" data-theme="d"> <div data-role="header" id="header" data-position="fixed" data-theme="d"> <h1>Page Title</h1> </div> <div data-role="content" id="content" data-theme="d"> <div id="columnwrapper"> <div id="leftcolumn"> <div class="innertube"> Point 1 </div> <div class="innertube"> Point 1 </div> </div> </div> <div id="rightcolumn"> <div class="innertube"> <div id="switch1"> test </div> </div> <div class="innertube"> test2 </div> </div> <div id="contentcolumn"> <div class="innertube">Content</div> <div class="innertube">Content</div> </div> </div> <div data-role="footer" id="footer" data-position="fixed" data-theme="d"> <div id="switch2"> <a href="#foo" data-role="button" data-icon="arrow-u">Expand main menu</a> </div> </div> </div> </body> CSS: #columnwrapper{ float: left; width: 100%; margin-left: -75%;

Tags (comma-separated) Cancel