Posted by joes on 09/01/07 19:24

Hello

I have strange issue with tables. I like to have table with 3 columns
where the middle column is fixed an the other 2 columns are relative,
using the rest max width. Effect is that the middle area is centered.
So far no issue, Example


<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp;</td>
<td width="704">centered column</td>
<td>&nbsp;</td>
</tr>
</table>


When I like to add some text in the first column " T E X T", the
column width is "exploding" so that the centered column moves to right
and the last column is shrinked nearly to nothing.

<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td> T E X T </td>
<td width="704">centered column</td>
<td>&nbsp;</td>
</tr>
</table>

I noticed this issue in IE 6.0 and also in FireFox 2. Can anyone
explain what here is happing and why the first and last column are not
longer sharing the rest of the space so that the middle column appears
centered?

Any idea to reach such a design that I can position the " T E X T"
right aligned to the centered column so that when the size of the
browser changes it stills aligned centered?

i.e.

<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td align="right"> T E X T </td>
<td width="704">centered column</td>
<td>&nbsp;</td>
</tr>
</table>

many thanks in advance

regards
joes

• Next in forum: Re: Good Div Editor?
• Prev in forum: Re: why china's websites open links in new window?
• Thread view: table issue, centered column not possible, when text in other columns

[Reply to this message]