asked on

CSS and background-image repeat

Hello, I have 2 seperate images that I want to use as repeating backgrounds on each side of the page. I have tried this a number of ways, but nothing is showing up on my page.

Here's my code for the css and positioning.

.LbgBdr { background:url(../images/bg_LbgBdr.gif); background-repeat: repeat-y; repeat-y left top; }
.RbgBdr { background:url(../images/bg_RbgBdr.gif); background-repeat: repeat-y; repeat-y right top; }

Why do you think my background image isn't appearing?

Thanks!

ASKER CERTIFIED SOLUTION

kasandra

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

sarahZ

ASKER

..."Also, where are you using these two classes? A background will only fill the element it is contained in.
"

Well, nowhere yet. I wanted the background image "borders" to appear as the sides of the page, independent of the html tables in my code. Similar to having <body background="../images/myimage.gif"> that fills up the page.

From what you're saying, this isn't possible with the method I am trying... ? Thanks

bruno

pretty sure this isn't going to work, only the second one will show up....assuming you apply that class to the body tag?

you might be better off making two divs, one of the left 50% of the page, and one of the right 50%, and setting bgimages on those.

then you can probably make ANOTHER div on top of those two, and have your content in that.

granted this will only work in newer browsers.

BRUNO

kasandra

Yes, the method you are using won't work Sarah.

Bruno is right - you can only set one background image in a body element, so if you want to effectively use two background images (one on the right, and one on the left) you need to use layers (div elements) to be able to achieve what you want to do, which will only work in IE 5.5 and above and Netscape 6 and above.

For a tutorial on positioning using CSS, see http://www.webreference.com/html/tutorial18/ The second last page shows you how to set out a columnar layout using <div>s.

bruno

Welcome to EE kasandra. :-)

sarahZ

ASKER

ok then. THANKS for the help!