Centered table with left+right shadow

**iMod0711** · 03-17-2009, 01:01 PM

I wanna make a table that would go from the top of the browser to the bottom. How would I add a drop shadow on both the right side and left side of the table? I want it to work with mostly all browsers. If I have to use a image could someone teach me how to do that? I made the image.

Here is a example what I want:

**stevej** · 03-17-2009, 01:10 PM

Why do you want to use a table? Seeing that this looks like it's for a layout, use divs instead.

Code:

body {
/*so that it will work for  all screen sizes */
background: url('path/to/the/grain/behind/the/background.jpg'); 
}
#container {
margin: 0 auto;
width: 400px;
height: 100%;
background: url('path/to/your/image.jpg');
}
#content {
padding: 10px;
width: 100%;
}

HTML Code:

<div id="container">
<div id="content">
content
</div>
</div>

- Steve

**iMod0711** · 03-17-2009, 01:22 PM

I already setup the background image but what you told me to do didn't work. No image showed up. This is what I have.

Code:

body {
  background-image: url(./images/bg.bmp); 
  padding:20px;
  margin:0px;

}

#center {
margin: 0 auto;
width: 400px;
height: 100%;
background: url('images/center.gif');
}

HTML Code:

<head>
<head>
<link href="myCSS.css" rel="stylesheet" type="text/css">
</head>
<body>
<div style="center">
</div>
</body>

**chrishirst** · 03-17-2009, 01:33 PM

add

Code:

html, body {
   height:100%;
}

to your stylesheet