Side Bar "Background image" Help.

Need help with a repeating background image.

Page 1 of 1

2 Replies - 3451 Views - Last Post: 17 November 2010 - 11:35 AM

#1 sober   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 17-November 10

Side Bar "Background image" Help.

Posted 17 November 2010 - 12:24 AM

Hello, I am trying to use a repeating background image as a "Pattern" to use as "SIDE BARS" on my site that I place content on top of example.

www.Mobility-Gaming.com

However the background image will not extend past what I set as a Minimum "height" and if I don't set a minimum height it does not repeat at all.

what I am trying to do is have this extend to the bottom of my "CONTENT" area but if my "CONTENT" area extends it needs to extend also. as in this link

http://mobility-gami...type=ASC&page=1
The side bar does not fully extend. Infact it only extends to what I set the "min-height" to :S I have tried for hours to figure this out and I cannot seem to get it. Anyone have anythoughts or suggestions Please help.

#sidebar_l {

	width: 164px;

	float: left;

	background-image: url(images/sidebar-bg.jpg);

	background-repeat: repeat-y;

	border: #a50000 1px solid;

	position: absolute;

	top:0;

	left:0;
	

        max-height: 3500px;
        
 
        min-height: 1647px;
        
        
}

#content_sidebar_wrapper {

	width: 857px;

	position: relative;

}

#sidebar_r {

	float: right;
        
        width: 164px;

	background-image: url(images/sidebar-bg.jpg);

	background-repeat: repeat-y;



	border: #a50000 1px solid;
        
        
	max-height: 5000px;
        
        min-height: 1872px;




Is This A Good Question/Topic? 0
  • +

Replies To: Side Bar "Background image" Help.

#2 Shado3225   User is offline

  • D.I.C Regular

Reputation: 17
  • View blog
  • Posts: 325
  • Joined: 23-February 10

Re: Side Bar "Background image" Help.

Posted 17 November 2010 - 02:50 AM

To repeat a image in the width and height use background-repeat:repeat;

Have you tried not setting a height?
Was This Post Helpful? 0
  • +
  • -

#3 sober   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 17-November 10

Re: Side Bar "Background image" Help.

Posted 17 November 2010 - 11:35 AM

Yes I have tried not setting Min-height does not work but I did not try that in conjunction with removing repeat-y; I will try both an see what happens.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1