Jump to content

Filling the void


Recommended Posts

Hey guys, I'm building a desktop-style app and I basically set the html to overflow:hidden to eliminate the scroll bars.Current issue is that the div named: "leftPanel" doesn't go down all the way to the footer. I have no idea how to make it go down all the way.Here's the shortened code, I put some colors for you guys :

html, body {	height: 100%;	width: 100%;	overflow: hidden;	background-color: dimgray;}.wrapper {	min-height: 100%;	height: auto !important;	height: 100%;	margin: 0 auto -4em;}.leftPanel {	min-height: 100px;	width: 200px;	background-color: green;	}.footer {	height: 4em;	background-color: olive;}

Html :

<div class="wrapper">		<div class="banner"></div>	<div class="leftPanel"></div>	</div><div class="footer">	<p>Copyright (c)</p></div>

So basically the leftPanel div should reach the footer and expand or get smaller depending on screen resolution.

Edited by Zilee
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...