Background image to bottom?

Discussion in 'CSS' started by Marius B, Oct 1, 2009.

  1. #1
    Hello.

    For my band site I want the background for my content to continue to the bottom.
    Here's my code:

    	*{  
    		margin:0;  
    		padding:0; 
    	}
    	
    	#txbg {
    		position:relative;
    		background-image:url(BGcontent.png);
    		background-repeat:repeat-y;
    		width:1060px;
    		height:auto;
    		text-align:left;
    		margin:0 auto;
    	}
    	
    	#text {
    		width:720px;
    		height:auto;
    		margin-left:171px;
    		margin-right:171px;
    		margin-top:15px;
    		margin-bottom:15px;
    	}
    	
    	#OD {
    	  color: #FFF;
    	  font: 1.1em/1.1 Trebuchet, 'Trebuchet MS', Helvetica, sans-serif;
    	  text-decoration:underline;
    	}
    	
    	#OD2 {
    	  color:#666;
    	  font: 0.7em/1.4 Trebuchet, 'Trebuchet MS', Helvetica, sans-serif;
    	  font-weight:bold;
    	}
    	
    	#OS {
    	  color: #FFF;
    	  font: 1.2em/1.1 Trebuchet, 'Trebuchet MS', Helvetica, sans-serif;
    	  font-weight: bold;
    	  text-decoration:underline;
    	}
    	
    	a,a:visited {
    		color:#7d5636;
    		font-weight:bold;
    		text-decoration:underline;
    	}
    	
    	#CT {
    		  color: #E0E4E7;
      		  font: 0.8em/1.4 Trebuchet, 'Trebuchet MS', Helvetica, sans-serif;
    	}
    	
    	#AV {
    		color: #E0E4E7;
    		font: 0.8em/1.4 Trebuchet, 'Trebuchet MS', Helvetica, sans-serif;
    		font-size:9px;
    	}
    	
    	#header {
    		margin-left:156px;
    		margin-right:171px;
    		width:750px;
    		height:185px;
    	}
    	.content {
    		width: 1060px;
    		height:auto;
    		margin-right: auto;
    		margin-left: auto;
    	}
    	html, body {
    		background-color:#FFF;
    		/*width: 100%;
    		height: 100%;*/
    		margin-top: 0px;
    		padding-top: 0px;
    		top: 0px;
    		margin-left: 0px;
    		padding-left: 0px;
    		left: 0px;
    		background-image: url("bgoverall2.gif"); 
    		background-attachment: fixed;
    		background-position:top center;
    	}
    Code (markup):

    I'd like to make the bgcontent.png in #txbg continue to the bottom of the page.

    Look at my site here: www.khaktus.no


    Thanks,
    Marius.
     
    Marius B, Oct 1, 2009 IP