Okay..I got my pattern (diagonal lines) but I want it to show, instead of 800x600 I want it to be the whole screen like this site here... http://www.shattered-wings.net/fake/ see how she has blinds for her background? I want my site to have diagonal lines is there some sort of code I have to put or something? I tried putting my layout with the pattern it didn't work, it only showed 800x600 size and please someone help me? i've been stuck on this for a a very long time!!!

Your background image should repeat automatically.... Look in the body section of your CSS or your body tag for no-repeat, if that's in there then take it out. If you aren't sure then post a link to your page/code so we can take a look at it.

It repeats like that..but what happens is ..it repeats my bg, and the content and everything.

It repeats like that..but what happens is ..it repeats my bg, and the content and everything. I want to have it in the center of the page with the background on the back, (diagonally)

I have this right now..


<style type=text/css>
body {
background-image: url('Mynebg.jpg');
background-position: 98px 0px;
background-attachment: scroll;
background-repeat: repeat-y;
background-color: #ffffff;
scrollbar-base-color: #F9C1DE;
scrollbar-face-color: #F9C1DE;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #F9C1DE;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color: #F9C1DE;
scrollbar-darkshadow-color: #F9C1DE;
scrollbar-arrow-color: 000000;
}
input, iframe.htmleditor, .button .textfield, textarea, select
{
border: 1px solid #F9C1DE;
background-color: #F9C1DE;
color: #F9C1DE;
font-family: Arial;
font-size: 10px;
line-height: 10pt;
color: #F9C1DE;
font-weight: normal;
letter-spacing:1px;
}

div {
font-family: Arial;
font-size: 10px;
line-height: 10pt;
color: #F9C1DE;
font-weight:normal;
height: 1px;
}

.head {
font-family: verdana, tahoma;
font-size: 9px; font-weight:bold;
text-align: center; color: F9C1DE;
border: F9C1DE; border-style: solid;
border-top-width: 0px; border-right-width: 0px;
border-bottom-width: .5px; border-left-width: 0px;
}


body, td {
font-size: 11px;
line-height: 10pt;
color: #F9C1DE;
font-weight: normal;
font-family: Century Gothic;
height: 1px;
}


a:link {
color: #F9C1DE;
font-size: 10px;
font-weight: bold;
text-decoration:none;
}
a:visited {
color: #F99FCE;
font-size: 10px;
font-weight: bold;
text-decoration:none;}

a:hover {
color: #FF99B3;
font-size: 10px;
font-weight: bold;
text-decoration: overline underline;
cursor: crosshair;}

table,tr,td
{
font-weight: normal;
font-size: 10px;
color: #FF99B3;
background-color: #FF99B3 ;
height: 1px;
}


</style>


where it says background-repeat: repeat-y; meaning it wont repeat, if i take that off... it will repeat my content boxes etc..


PS ... It didn't let me [EDIT] -_-;;

Let me see your background image, please.

http://sn.aoumi.net/testbg.jpg i made it so... the layout which is 800x600 is in the center and i pasted it onto a 1024x768 white and put a pattern over it, sooo i don't know , it didn't work properly