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
Post a Comment