Log in

View Full Version : 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:
/* 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



<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 (http://www.echo-designes.com/projects/echo_news/) and the css here (http://www.echo-designes.com/projects/echo_news/main-style.css). 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.