Grow your CSS skills. Land your dream job.

Centering Table in Chrome

  • # April 19, 2009 at 4:06 pm

    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

    # April 19, 2009 at 5:18 pm

    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

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".