Hi everyone,
I need hand with this one! I’m new to css but not necessairly new to web design. As it turns out, tables isn’t quite what I expected when using css.
I have my page layed out with a banner above the screen background is stretched I think the z-index is causing a problem here. Anyhow, I am trying to add a css table which will be positioned under my banner and wish to allow the content of the table to move freely if a user shrinks her/her screen and keep the table content in the middle of the screen.
here’s what I have: (and the css follows - its messy, 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml">
<head>
<meta http-equiv="Content-Language" content="en-ca">
<title>Background to fit screen</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Imagetoolbar" content="no">
<style type="text/css">
/* pushes the page to the full capacity of the viewing area */
html {height:100%;}
body {height:100%; margin:0; padding:0;}
/* prepares the background image to full capacity of the viewing area */
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
/* places the content ontop of the background image */
#content {position:relative; z-index:1;}
</style>
<!--[if IE 6]>
<style type="text/css">
/* some css fixes for IE browsers */
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bg {position:absolute; z-index:-1;}
#content {position:static;}
table.MsoTableGrid
{border:solid black 1.0pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
}
.style4 {
text-align: right;
}
.style6 {
text-align: left;
color: #727272;
font-family: Calibri;
font-size: small;
list-style-type: square;
}
.style7 {
text-align: left;
color: #727272;
font-family: Calibri;
font-size: small;
list-style-type: square;
margin-bottom: 1px;
}
</style>
<![endif]-->
<link rel="stylesheet" type="text/css" href="default.css">
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="default.css">
<![endif]-->
</head>
<body>
<center><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" align="center" style="width: 726px; height: 90px"></center>
<div class="style1">
<div class="style1">
<!--div class="style1">
<div class="style11">
<div class="style13">
<div class="style8"-->
<param name=movie value="swfbeadrocktop.swf"><param name=quality value=High>
<embed src="swfbeadrocktop.swf" quality=High name="swfbeadrocktop" align="center"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" style="width: 726px; height: 90px">
</embed>
</div>
</div>
</object></center>
<div id="bg" class="style4"><img src="images\\main-bg.jpg" width="100%" height="100%" alt=""></div>
</body>
<center>
<div id="wrapper">
<div id="content">
<div id="content-center" class="style6" style="width: 1006px">
I live in Pickering, Ontario with my husband and 2 children. We love animals and
own 3 cats and a dog. I'm very close to my entire family. We are very active
in our church, where my family participates in teaching Sunday school,
fundraising and working at the food bank.
</div>
<div id="content-center" class="style6" style="width: 1008px">
I live in Pickering, Ontario with my husband and 2 children. We love animals and
own 3 cats and a dog. I'm very close to my entire family. We are very active
in our church, where my family participates in teaching Sunday school,
fundraising and working at the food bank.
</div>
<div id="content-center" class="style6" style="width: 1009px">
I live in Pickering, Ontario with my husband and 2 children. We love animals and
own 3 cats and a dog. I'm very close to my entire family. We are very active
in our church, where my family participates in teaching Sunday school,
fundraising and working at the food bank.
</div>
<div id="content-center" class="style7" style="width: 1011px">
I live in Pickering, Ontario with my husband and 2 children. We love animals and
own 3 cats and a dog. I'm very close to my entire family. We are very active
in our church, where my family participates in teaching Sunday school,
fundraising and working at the food bank.
</div>
<div id="content-center" class="style6" style="width: 1017px">
I live in Pickering, Ontario with my husband and 2 children. We love animals and
own 3 cats and a dog. I'm very close to my entire family. We are very active
in our church, where my family participates in teaching Sunday school,
fundraising and working at the food bank.
</div>
</div>
</div>
</center>
</html>
/*
================================================================================
| HEADER |
| TOP BANNER AND BASIC NAVIGATION |
================================================================================
*/
#testing {
background-image:url(BR_WWSP_Thumb.png);
display:block;
height:158px;
text-indent:-9999px;
width:115px;
}
}
/*
================================================================================
| LEFT NAVIGATION |
================================================================================
*/
/*
================================================================================
| RIGHT NAVIGATION |
================================================================================
*/
/*
================================================================================
| CONTENT |
| TEXT AND OTHER REALTED INFORMATION (BODY) |
================================================================================
*/
/*#sky {
background: url('images/sky.png') no-repeat;
position: absolute;
height: 91px;
width: 259px;
left: 0px;
top: 393px;
}
/*
================================================================================
| FOOTER/TABLE |
| COPYRIGHT INFO, BANNER, ETC |
================================================================================
*/
/*
================================================================================
| DESIGN |
================================================================================
*/
#gathering{
background: url(BedRockHouse.png) no-repeat;
position:fixed;
bottom: 0px;
left: 0px;
}
/*
================================================================================
| TABLE TEST |
================================================================================
*/
#customers
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#customers th
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}
#customers td
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}
#customers th
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
#customers tr.alt td
{
color:#000000;
background-color:#EAF2D3;
}