CSS Forum

**wll6568** · 11-17-2006, 06:52 AM

Hello all,

Say I have this:

body{
margin:0;
text-align:center;
background: #FFFFFF url("rightsidebg.gif");
background-repeat:repeat-x;
}

body #rightborder{
background-image:url(rightbordershadow.gif);
background-repeat:no-repeat;
margin-left:120px;
}

then I have

<body>
<table>
bla bla bla
</table>
</body>

and my purpose is to add a right border to the main body, just aside the main body, so that the body has shadow effect. But everytime I move the rightborder from left, it pushes the whole thing to the left.

Can someone help?

Thanks a lot!

**gaz545** · 11-17-2006, 11:16 AM

Quote:

Originally Posted by wll6568

my purpose is to add a right border to the main body, just aside the main body, so that the body has shadow effect. But everytime I move the rightborder from left, it pushes the whole thing to the left.

Right ok, not quite sure what you ment, try to explain it again, maybe a diagram to help, i also cleaned up your CSS for you, looks a bit neater now, and took some things out which you didn't need.

Code:

 body {
 margin: 0;
 text-align: center;
 background: #FFFFFF url("rightsidebg.gif") repeat-x;
}
 
#rightborder {
 background-image:url(rightbordershadow.gif) no-repeat;
 margin-left: 120px;
 }