Hi. i have this code, and for some reason FireFox wont center the table in the td of the parent table, but it does center the <h1> , any recommendations?
<table width="100%">
<tr>
<td style="text-align:center">
<h1>Welcome </h1>
<table id="maintable"><!-- this table wont be centered -->
<tr >
<td >text</td>
</tr>
</table>
</td>
</table>hmm, i kinda figure it was because it is a block level element. so i put display:inline, and it worked kinda.Maybe the browser is gently suggesting you're misusing tables for layout.If that is your exact code, there is a </tr> missing right before the last </table>.that wasn't the exact code, that is very compact for discussion purpose. i did this to the table, i guess it worked
<table style="display:inline">
<table width="100%">
<tr>
<td style="text-align:center">
<h1>Welcome </h1>
<table id="maintable"><!-- this table wont be centered -->
<tr >
<td >text</td>
</tr>
</table>
</td>
</table>hmm, i kinda figure it was because it is a block level element. so i put display:inline, and it worked kinda.Maybe the browser is gently suggesting you're misusing tables for layout.If that is your exact code, there is a </tr> missing right before the last </table>.that wasn't the exact code, that is very compact for discussion purpose. i did this to the table, i guess it worked
<table style="display:inline">