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
<div align=\"center\">...</div>
to the output. I've tried adding "margin: auto" to the table, and tried adding a style
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
I've tried adding "margin: auto" to the table, and tried adding a style
#footer table {margin: 0 auto;}Any suggestions would be appreciated!! :D
Split it into two divs. Float one left, the other right. Give them both a width of 50%, and you should be sorted