[css-d] Make div bg repeat endlessly - vertically

2007-01-17 Thread Kim Brooks Wei
http://www.thewei.com/sandbox/uajx/

What would I need to do to have my bg tile endlessly vertically? Or 
alternatively, is there a good way to get my left and right panels to 
both stop at some predetermined spot  - at the same length vertically 
[I mean, get them both to stop at the same vertical coordinate].

-- 
Kim Brooks Wei
1.201.475.1854
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Make div bg repeat endlessly - vertically

2007-01-17 Thread Matt Fielding
On 1/17/07, Kim Brooks Wei [EMAIL PROTECTED] wrote:

 http://www.thewei.com/sandbox/uajx/

 What would I need to do to have my bg tile endlessly vertically? Or
 alternatively, is there a good way to get my left and right panels to
 both stop at some predetermined spot  - at the same length vertically
 [I mean, get them both to stop at the same vertical coordinate].

 --
 Kim Brooks Wei
 1.201.475.1854
 __
 css-discuss [EMAIL PROTECTED]
 http://www.css-discuss.org/mailman/listinfo/css-d
 IE7 information -- http://css-discuss.incutio.com/?page=IE7
 List wiki/FAQ -- http://css-discuss.incutio.com/
 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/



Just insert the following into your css file to get a vertically repeating
background:

body { background-repeat: repeat-y; }

if you only want it to repeat in a certain section of your page, just make
the body part into whatever class or id you'd like

.myClass { background-repeat: repeat-y; )

then simply insert the following into the div or table tag

class=myClass

and you're all set!

Mattu
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Make div bg repeat endlessly - vertically

2007-01-17 Thread Zoe M. Gillenwater
Matt Fielding wrote:
 On 1/17/07, Kim Brooks Wei [EMAIL PROTECTED] wrote:
   
 http://www.thewei.com/sandbox/uajx/

 What would I need to do to have my bg tile endlessly vertically? Or
 alternatively, is there a good way to get my left and right panels to
 both stop at some predetermined spot  - at the same length vertically
 [I mean, get them both to stop at the same vertical coordinate].
 



 Just insert the following into your css file to get a vertically repeating
 background:

 body { background-repeat: repeat-y; }

 if you only want it to repeat in a certain section of your page, just make
 the body part into whatever class or id you'd like

 .myClass { background-repeat: repeat-y; )

 then simply insert the following into the div or table tag

 class=myClass

 and you're all set!

 Mattu
   

Kim,

Mattu's answer to your question is the correct one, but I suspect by 
looking at your page that what you really want to know is how to make 
the right and left columns appear to be of equal height. Am I right? If 
so, the traditional method for doing this is known as faux columns. 
There are other methods as well. They are all outlined in our wiki:
http://css-discuss.incutio.com/?page=AnyColumnLongest

Zoe

-- 
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Make div bg repeat endlessly - vertically

2007-01-17 Thread Matt Fielding
Simply add

background-image: url(http://www.domain.com/image.jpg);

inside the brackets along with the background-repeat to add the image url.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/