centering an element in a table cell so it's in the absolute center of the page?

Question

The vBulletin v3.6 message board uses a table for the header image.

What I'd like to do is have the left cell remain left aligned but have the div in the right cell to be in the absolute center of the page. If that's not possible, what is the best way to accomplish this?

I attempted using a wrapper div and inline CSS properties but it got messy.

titleImage dimensions width: 230px height: 63px

<table border="0" width="100%" cellpadding="0" cellspacing="0">
   <tr>
    <td><img src="titleImage.jpg" /></td>
    <td><div id="toCenter"></div></td>
   </tr>
</table>

Answer 1

i think this link will help you and explain everything....

http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/