I tried using it to make the first row span the 3 columns, it worked for most part except on firefox when i place something in there it doesn't center it just stays where the first column is and doesn't center, it just makes the first column larger if i place more text in there.
You will need to apply CSS to the table cells to center text
text-align: center
yea I don't that'll work
heres what it looks like
The image you posted has nothing to do with the way you described your setup.
You said you had the first row span 3 columns. What i see is one row with two cells in it. Where us your table HTML code, or even better, a URL of the page with the problem.
Are you referring to horizontal centering or vertical centering?
DO you have a width set on the table that prevents the cells from expanding past a certain width?
it is span 3 rows thats the problem it do it properly on firefox unless I'm doing something wrong with this code
<table border="1">
<tbody>
<tr>
<th rowspan="3" class="avatar"><img src="http://ani-down.com/wp-content/uploads/2009/10/default.gif" alt="" /></th>
<td>adasda</td>
</tr>
<tr>
<td>fsdfsdf</td>
</tr>
<tr>
<td>sfdfsdf</td>
</tr>
</tbody>
</table>
I just loaded the code you sent on a web page just by itself and viewed it in FF 3.0 and 3.5. It displayed as you want it to display - all 3 cells in the 2nd column were to the right of the image in the first column which was 3 cells tall.
Try it yourself - put that code on a page by itself and view in the browser.
Maybe some other styling is interfering when its on your live page?
that's probably it but i don't see anything in the css that's interfering with it, it might be the other table...