Css and putting tables in container

Question

I am using one of the CS3 CSS layouts to build a page and I
have to embed a small table in the main content area. The table
columns are not equal in width when rendered on the website and I
have tried everything to render them correctly. I tried changing
some of the css parameters for styles and divs but it did not work
The example page looks like this.
www.diabloshores.com/test2.html
Any suggestions is greatly appreciated.

Answer 1

Use some css to control the cell widths.
First give your table an ID. Select the tag in the bottom
left of the
Dreamweaver design screen then switch to code view. Scroll
down to the
table which should be highlighted due to the tag being
selected.
Change the opening table tag to as below. Delete the 500
width that you
have given it as this cannot be equally divided by 3.
<table id="myTable" border="0">
Then use this css below. margin: 0 auto; centers the table in
the design.
#myTable {
width: 510px;
margin: 0 auto;
#myTable td {
width: 170px;
sheridany wrote:
> I am using one of the CS3 CSS layouts to build a page
and I have to embed a
> small table in the main content area. The table columns
are not equal in width
> when rendered on the website and I have tried everything
to render them
> correctly. I tried changing some of the css parameters
for styles and divs but
> it did not work The example page looks like this.
>
> www.diabloshores.com/test2.html
>
> Any suggestions is greatly appreciated.
>