Centering Table in Chrome

[baldguy]

I have a footer in a Joomla website that consists of an image, with a table underneath it that contains contact information for a church. I want everything to be horizontally centered.

It’s working just fine in Firefox, but in Chrome the table is aligned left. No matter what I try, I cannot make it center.

The site is here: http://www.epiphanyeuclid.org/index.php (you have to go to the index.php page as the site is being built in the background, behind an index.html page)

The footer div is being styled by the stylesheet, while the image and table come from the Joomla module. When I center the table in the module, it adds

Code:

…

to the output.
I’ve tried adding "margin: auto" to the table, and tried adding a style

Code:

#footer table {margin: 0 auto;}

still, nothing.

Any suggestions would be appreciated!! :D

[chazzwick]

You really dont need a table for that data.

Split it into two divs. Float one left, the other right. Give them both a width of 50%, and you should be sorted

[Author]

Posts