continuous side borders

[nudone]

(hopefully this is posted to the right section of the forum.)

i've tried searching online for simple solutions to my problem but i suspect my search terms aren't correct as i can't seem to find anything related.

the problem is that i wish to create a page that has continuous borders running down either side of the page - very similar to what you see at
http://www.blogger.com/start.

here's an image to hopefully explain further what i mean.

whenever i try to implement this, the image i'm using either doesn't tile and repeat itself enough times (in any browser) or i get a margin at the bottom even though it is set to zero.

i can knock up a page or two to demonstrate further but as they will be so rudimentary i don't think they will help a great deal.

thanks for any help - if it's something that only an advanced html/css coder could implement then i'm prepared to put the effort in to learn.

thanks in advance.

[D3mon]

its so simple, you'll kick yourself for not thinking of it first!

1. create an image say 700 pixels wide and 50px like this one from my own site.

2. use CSS to set this pic as the background for your page (centered) like:

BODY {
margin: 0;
padding: 0;
background: #fff url(images/layout/bg_page2.gif) center repeat-y;
}

simple eh?

[nudone]

aw, D3mon, that is fantastic.

it's simple to see when it's explained by someone who knows but unfortunately i'm a CSS idiot.

it appears i'm lacking in the most fundamental CSS skills and i can't excuse myself for not knowing - i'll have to make the effort to get to grips with it.

again, i really appreciate the reply D3mon.

(i've had a look at the site your profile links to - is it your own creation? it looks most impressive.)

[D3mon]

Glad to help.

Yes, buildyourown.org.uk is my own work. All CSS, except for the forums which I'm working on at the moment.

Goog tutorial to get you started on the path to CSS is at:

http://www.w3schools.com/css/