Hi Everyone,

I was wondering how to put a wrapper around my main table once it's centerd to a fixed width?

Thanks,

<div id="wrapper">
<table>
blah blah blah
</table>
</div>

Hmmm Are you sre you know what I mean right?

I've got my main Div, Container, I want a shadow around the outside and I'll just have a bgcolour..

Somthing like this in the CSS.

}

#shadowcontainer {
width: 862px;
margin: 0 auto;
background: url(images/dropshadow_bg.gif);
background-repeat: repeat-y;
padding: 0 19px;
}

But that will only give the image on both sides of the main Container, I want it too go right around, Above, Below and Sides. Making Container look rounded.

Thanks,

I want a shadow around the outside and I'll just have a bgcolour..

That is NOT what you asked originally - you asked how to put a wrapper around your table

The way to make shadows with CSS is cumbersome and somewhat dodgy. Better to use a repeating bg image for the straight edges, then use images for the rounded top and bottom.

Here's a way to do it with Javascript and no images: http://ajaxian.com/archives/shadedbo...th-drop-shadow

Alot of comments on that website with negative saying it's jaggy edgy's and laggy.

Ok so I have my main table centerd, It's 920px...On the body of the page I already have a Background image,

What HTML or CSS code do I need to put a background image around the main table and corners?

Thanks,

Originally Posted by LadynRed

The way to make shadows with CSS is cumbersome and somewhat dodgy. Better to use a repeating bg image for the straight edges, then use images for the rounded top and bottom.

I have the same problem with page which has two imaged background. I've wanted to put 2 div's on the left and right hand side of main container and one with image under it, but these 2 won't change its size as the content is growing. What should I do?

You do or you do NOT want the background image to resize ?

No I've no written about the background but about div layers with shadow. I've just pointed that my page has two imaged background to let you see what shadows I was talking about in my post (you can see it in the picture contained in the post I linked).

Hi,

I've seen a picture from another thread that It's very simalar want i'm looking for..

http://img141.imageshack.us/my.php?i...mowaniexn4.jpg
http://www.webmaster-talk.com/css-fo...ckgrounds.html

The shadow look?

Also how Do i leave a gap at the top and the bottom?

Thanks,

There are many methods for doing a drop shadow on a background. Most of the pure CSS methods are cumbersome at best, which is why I use images.

Gap at top and bottom ?? You control spacing with margins and padding mostly.

Cooool,

Yeah I know Margins, I asked to see if there was any other way, I have a topmargin and bottommargin set at 20px, works fine in Frontpage Editor but Doesnt work on Firefox, The main container is at the top instead of 20px down..

How do I code to get Images around my main table?

Thanks,