CSS Centering tables

Question

Hi,
I am trying to get more involved in CSS. I am using
Dreamweaver CSS interface for the most part as I do not know CSS
code well enough yet.
I want everything centered on the page .. so .....
I have a main table which is 100% wide and text alignment
that is centered.
In that table I first have an image as a header which centers
properly.
Below that I want to have a table the same width of the image
that is also centered.
That table will contain some content.
Why is it I cannot center that table under the image. It
wants to stay to the left.
Here is a link to page:
http://www.thereserveatglenville.info/prototype.html
Here is my CSS so far:
========================
body {
text-align:center;
margin: 0px;
background-color: #b4bbc0;
padding: 0px;
table#Main-Table {
margin-left:auto;
margin-right:auto;
width: 100%;
text-align: center;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
vertical-align: top;
table#Content-Table {
width: 756px;
margin: 0px;
padding: 0px;
border: 1px solid #59636A;
=====================================
Thanks!!!
Paul

Answer 1

Hello,
It centers in IE, but to get it to center in FF,
Change this:
<table id="Content-Table">To this:
<table align="center" cellpadding="0" cellspacing="0"
border="0"
id="Content-Table">
Take care,
Tim
P.F." <[email protected]> wrote in message
news:fonb5m$dck$[email protected]..
> Hi,
>
> I am trying to get more involved in CSS. I am using
Dreamweaver CSS
> interface
> for the most part as I do not know CSS code well enough
yet.
>
> I want everything centered on the page .. so .....
> I have a main table which is 100% wide and text
alignment that is
> centered.
> In that table I first have an image as a header which
centers properly.
> Below that I want to have a table the same width of the
image that is also
> centered.
> That table will contain some content.
> Why is it I cannot center that table under the image. It
wants to stay to
> the
> left.
>
> Here is a link to page:
>
http://www.thereserveatglenville.info/prototype.html
>
> Here is my CSS so far:
>
> ========================
>
> body {
> text-align:center;
> margin: 0px;
> background-color: #b4bbc0;
> padding: 0px;
> }
>
> table#Main-Table {
> margin-left:auto;
> margin-right:auto;
> width: 100%;
> text-align: center;
> border-top-width: 0px;
> border-right-width: 0px;
> border-bottom-width: 0px;
> border-left-width: 0px;
> vertical-align: top;
> }
>
> table#Content-Table {
> width: 756px;
> margin: 0px;
> padding: 0px;
> border: 1px solid #59636A;
> }
>
> =====================================
>
> Thanks!!!
> Paul
>
>