Get a free trial // 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: (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


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

    #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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed