Hi, quick question for everyone. I am doing a scrapbooking webpage where I need to do some fancy custom borders, such as material that looks like it has been cut in a zig-zag pattern around a div. Well, I set it all up, but depending on the height of the div with the border, the bottom corners don't always match up with the left and right sides of the border. It seems I need a method to ensure a repeating background pattern (the ones for the left and right walls of the border) doesn't get cut part way through a repetition of the pattern, so I can match it with bottom corners. Any ideas? (It would be nice if there was a method without JavaScript, but if that is the only solution, please let me know how to do that as I am not as familiar with JavaScript in CSS) Thanks!
Well, if your website has a fixed width, there's a little trick I usually use. Just make a background image with the border patterns you like and then have it repeat vertically... something like this: In case of a fluid width it gets a little bit complicated. I think you'll need some JavaScript for that, or eventually you would have to use tabled layout.