div background repeat.

[shifty_uk]

A quick css question, hopefully someone might be able to give some assistance

If I've got a background image on a div, how do I make the image repeat for the full size of the page, no matter if there's content in it or not?


For example:

#testdiv { background-image: url('image.gif'); background-repeat: repeat-y; }

and then:

<div id="testdiv">**content in here**</div>

Thanks in advance.

 

[iCraig]

Give a height to the DIV, or maybe min-height: ?

I'm not sure if it's something that can be done properly.

 

[zetec452]

#testdiv { background-image: url('image.gif') repeat-y; }

and then:

<div id="testdiv">**content in here**</div>

 

[shifty_uk]

Can't get it to work, so I just used a different solution.

I've got another question, and there's not any point in starting a new thread.

I can't get borders to work in Firefox.

I've got:

#work img {
	margin-top: 20px;
	margin-left: 20px;
	width: 600px;
	height: 200px;
	border: 10px #FFFFFF;
}

It works fine in IE, but the borders don't work atall in Firefox. Anyone ideas?

Thanks

 

[Conrad11]

I am not quite sure still what your trying to achieve, could you explain more or provide a picture?

 

[robmiller]

Specify the border type:

border:10px solid #fff;

 

[shifty_uk]

Thanks mate