Results 1 to 4 of 4

Thread: Full Height Template

  1. #1
    Join Date
    Aug 2006
    Location
    Ohio
    Posts
    266
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Full Height Template

    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
    Thanks DD, you saved me countless times

  2. #2
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

    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.

  3. #3
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

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

  4. #4
    Join Date
    Aug 2006
    Location
    Ohio
    Posts
    266
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.
    Last edited by Titan85; 03-18-2007 at 09:03 PM.
    Thanks DD, you saved me countless times

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •