Full Height Template

**Titan85** · 03-18-2007, 01:16 AM

I am trying to code a template so that it will take up the full height of the screen. I tried using height: 100%; , but that didn't work. Here is the CSS:

HTML Code:

/* Main Content */
#main {
	width: 700px;
	height: 100%;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top: 1px solid #999999;
	background-color: #FFFFFF;
	float: left;
	}
	
#left_container {
	width: 150px;
	height: 100%;
	margin-right: 5px;
	border-right: 1px solid #999999;
	float: left;
	}

What should I change to make this work? Thanks

**Medyman** · 03-18-2007, 01:33 AM

Are you getting a margin around all four sides?

As far as I know, this is governed by the <body> tag.

Add the following css

Code:

<style>

body {
    margin:0px;
    padding:0px;
}

</style>

and then encapsulate the rest of your content into your "main" div.

**Medyman** · 03-18-2007, 01:33 AM

and then encapsulate the rest of your content into your "main" div.

**Titan85** · 03-18-2007, 02:11 AM

still no good, you can see the template here and the css here. I am just trying to get the template to be the full height of the screen. Right now it is just staying the height of the content inside of it, but I want it to fill the screen all the time.

Thread: Full Height Template

Thread Tools

Search Thread

Full Height Template

Bookmarks

Bookmarks

Posting Permissions