html - Div does not extend to fill the screen vertically -


i can't life of me green (content) , purple (nav) divs take remained of height space fill screen.

i know simple have taken leave of senses , can't see it!

http://www.bestlincs.co.uk/new/

body  {  	margin: 0;  	padding: 0;  }    #main  {  	height: 100%;  	border:dashed #d82629 1px;  }    #content  {  	  	overflow: hidden;  	width: auto;  	height: 100%;  	background-color:rgba(41, 171, 0, 0.5)  }    #nav  {  	float: right;  	background-color:rgba(41, 0, 226, 0.5);  	width: 250px;  	height: 100%;  }    #footer  {  	position: absolute;  	bottom:0;  	width: 100%;  	height: 200px;  	background-color:rgba(41, 171, 226, 0.5)  }
<div id="main">  	      <div id="nav">          <p>navnavnavnavnavnavnavnav</p>      </div>        <div id="content">          <p>contentcontent<br>gf dfg dfg dfg dfg df</p>      </div>        <div id="footer">          <p>footerfooter</p>      </div>        </div>


Comments

Popular posts from this blog

java - Oracle EBS .ClassNotFoundException: oracle.apps.fnd.formsClient.FormsLauncher.class ERROR -

c# - how to use buttonedit in devexpress gridcontrol -

nvd3.js - angularjs-nvd3-directives setting color in legend as well as in chart elements -