Results 1 to 5 of 5

Thread: Sidebar pageheight?

  1. #1
    Join Date
    Mar 2008
    Posts
    58
    Thanks
    22
    Thanked 0 Times in 0 Posts

    Default Sidebar pageheight?

    I need my CSS sidebars to go full page height, not just browser height:



    CSS:
    Code:
    #gheader {background: #fff url(http://www.voigrafic.com/warez/gheader.gif) repeat-x top; height:38px;}
    	.leftwing {background: transparent url(http://www.voigrafic.com/warez/leftwing.png) left; height:174px; width:305px; background-repeat:no-repeat; position:absolute; top:0px; left:0px;}
    	.rightwing {background: transparent url(http://www.voigrafic.com/warez/rightwing.png) right; height:174px; width:305px; background-repeat:no-repeat; position:absolute; top:0px; right:0px;}
    
    .leftrep{
      background: #000 url(http://www.voigrafic.com/warez/leftrep.gif) repeat-y;
      position:absolute;
      top:0;
      left:0;
      width:40px;
    height:100%;
    padding: 0px
     }
    
    .rightrep{
      background: #000 url(http://www.voigrafic.com/warez/rightrep.gif) repeat-y;
      position:absolute;
      top:0;
      right:0;
      width:40px;
    height:100%;
    padding: 0px
    }
    Code:
    		<div id="gheader">
    			<div class="rightrep"></div>
    			<div class="leftrep"></div>
    		</div>
    			<div class="leftwing"></div>
    			<div class="rightwing"></div>

  2. #2
    Join Date
    Mar 2007
    Location
    New York, NY
    Posts
    557
    Thanks
    8
    Thanked 66 Times in 66 Posts

    Default

    Bottom padding in the browser isn't automatically omitted (to 0px). Use this:

    Code:
    #gheader {background: #fff url(http://www.voigrafic.com/warez/gheader.gif) repeat-x top; height:38px;}
    	.leftwing {background: transparent url(http://www.voigrafic.com/warez/leftwing.png) left; height:174px; width:305px; background-repeat:no-repeat; position:absolute; top:0px; left:0px;}
    	.rightwing {background: transparent url(http://www.voigrafic.com/warez/rightwing.png) right; height:174px; width:305px; background-repeat:no-repeat; position:absolute; top:0px; right:0px;}
    
    .leftrep{
      background: #000 url(http://www.voigrafic.com/warez/leftrep.gif) repeat-y;
      position:absolute;
      top:0;
      left:0;
      bottom:0;
      width:40px;
    height:100%;
    padding: 0px
     }
    
    .rightrep{
      background: #000 url(http://www.voigrafic.com/warez/rightrep.gif) repeat-y;
      position:absolute;
      top:0;
      right:0;
      width:40px;
      bottom:0;
    height:100%;
    padding: 0px
    }
    - Josh

  3. #3
    Join Date
    Mar 2008
    Posts
    58
    Thanks
    22
    Thanked 0 Times in 0 Posts

    Default

    actually didn't do anything.

    see the sidebars on http://www.fkn0wned.com/forum/

    i want them to extend to the bottom of the page

  4. #4
    Join Date
    Aug 2008
    Posts
    25
    Thanks
    4
    Thanked 2 Times in 2 Posts

    Default

    You would have to make the sidebars bgimages to go that far down, I believe.

  5. #5
    Join Date
    Mar 2008
    Posts
    58
    Thanks
    22
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by smswetz View Post
    You would have to make the sidebars bgimages to go that far down, I believe.
    uh? its a FORUM, the page gets smaller.......


    i need sidebars to repeat -y until the bottom of the page not just browser height....

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
  •