REPOST: Table REndering in IE:

[Praveen Ramesh]

This sample table html illustrates the buggy rendering in IE:

<table border="1" cellSpacing="0" cellPadding="0">
<tbody>
<tr>
<td colspan="2">A Long TD in the first row / first column (0,0),
spans 2 columns.</td>
</tr>
<tr>
<td width=30 title="width = 30 but gets resized in IE, renders well
in Mozilla">(1,0)</td>
<td title="width = none">(1,1)</td>
</tr>
</tbody>
</table>

Basically the first column gets resized to a longer width than specified.
The tooltips and the code itself should explain this further.

This works very well in Mozilla (the first column is drawn to the specified
width).

If someone from MS could acknowledge this as a bug and provide a workaround
in the meantime that would be really great. Or if I am missing something
please let me know.

Is there a better group where I should post this?

Thanks
Praveen

 

[Guest]

Hi Praveen,

Have you tried something like this?

<TABLE style="table-layout: fixed" border="1" width="400px">
<COLGROUP><COL style="width:20px"><COL></COLGROUP>
<TR>
<TD colspan="2">A Long TD in the first row / first column (0,0),
spans 2 columns.</TD>
</TR>
<TR>
<TD>(1,0)</TD>
<TD>(1,1)</TD>
</TR>
</TABLE>

Alex Scott [MSFT]

This posting is provided "AS IS" with no warranties, and confers no rights.

 

[Praveen Ramesh]

Alex,

Thanks for the suggestion.
Setting the tableLayout to be fixed does ensure that my 1st column gets set
to that width in all scenarios.

But, when there are columns without "width" setting, they get "shrunk" when
there isn't enough overall width, truncating the text in the cells - not
good. If this were "auto" layout then the columns would not be resized any
smaller than the width necessary to show all the contents.

So, is there a way to force certain columns to "resize to fit" while forcing
a specific width on other columns? Which is what the "auto" layout is
supposed to do in the first place - as correctly implemented in Mozilla, I
believe.

Thanks
Praveen

Hi Praveen,

Have you tried something like this?

<TABLE style="table-layout: fixed" border="1" width="400px">
<COLGROUP><COL style="width:20px"><COL></COLGROUP>
<TR>
<TD colspan="2">A Long TD in the first row / first column (0,0),
spans 2 columns.</TD>
</TR>
<TR>
<TD>(1,0)</TD>
<TD>(1,1)</TD>
</TR>
</TABLE>

Alex Scott [MSFT]

This posting is provided "AS IS" with no warranties, and confers no
rights.

This sample table html illustrates the buggy rendering in IE:

<table border="1" cellSpacing="0" cellPadding="0">
<tbody>
<tr>
<td colspan="2">A Long TD in the first row / first column (0,0),
spans 2 columns.</td>
</tr>
<tr>
<td width=30 title="width = 30 but gets resized in IE, renders
well
in Mozilla">(1,0)</td>
<td title="width = none">(1,1)</td>
</tr>
</tbody>
</table>

Basically the first column gets resized to a longer width than specified.
The tooltips and the code itself should explain this further.

This works very well in Mozilla (the first column is drawn to the
specified
width).

If someone from MS could acknowledge this as a bug and provide a
workaround
in the meantime that would be really great. Or if I am missing something
please let me know.

Is there a better group where I should post this?

Thanks
Praveen

 

[Guest]

Praveen,
Would you post a small sample so I can take a closer look?

Thanks,
Alex Scott [MSFT]

This posting is provided "AS IS" with no warranties, and confers no rights.

Alex,

Thanks for the suggestion.
Setting the tableLayout to be fixed does ensure that my 1st column gets set
to that width in all scenarios.

But, when there are columns without "width" setting, they get "shrunk" when
there isn't enough overall width, truncating the text in the cells - not
good. If this were "auto" layout then the columns would not be resized any
smaller than the width necessary to show all the contents.

So, is there a way to force certain columns to "resize to fit" while forcing
a specific width on other columns? Which is what the "auto" layout is
supposed to do in the first place - as correctly implemented in Mozilla, I
believe.

Thanks
Praveen

Hi Praveen,

Have you tried something like this?

<TABLE style="table-layout: fixed" border="1" width="400px">
<COLGROUP><COL style="width:20px"><COL></COLGROUP>
<TR>
<TD colspan="2">A Long TD in the first row / first column (0,0),
spans 2 columns.</TD>
</TR>
<TR>
<TD>(1,0)</TD>
<TD>(1,1)</TD>
</TR>
</TABLE>

Alex Scott [MSFT]

This posting is provided "AS IS" with no warranties, and confers no
rights.

This sample table html illustrates the buggy rendering in IE:

<table border="1" cellSpacing="0" cellPadding="0">
<tbody>
<tr>
<td colspan="2">A Long TD in the first row / first column (0,0),
spans 2 columns.</td>
</tr>
<tr>
<td width=30 title="width = 30 but gets resized in IE, renders
well
in Mozilla">(1,0)</td>
<td title="width = none">(1,1)</td>
</tr>
</tbody>
</table>

Basically the first column gets resized to a longer width than specified.
The tooltips and the code itself should explain this further.

This works very well in Mozilla (the first column is drawn to the
specified
width).

If someone from MS could acknowledge this as a bug and provide a
workaround
in the meantime that would be really great. Or if I am missing something
please let me know.

Is there a better group where I should post this?

Thanks
Praveen

 

[Praveen Ramesh]

Alex,

Here is a sample:

<form id="Form1" method="post" runat="server">
<label><b>Fixed table-layout setting with grid width notset.</b> Shrink
the browser width and see the text in the 2nd column get truncated for
smaller widths.
But, renders well in Mozilla (resizes to fit).</label>
<COLGROUP><COL style="width:30px"><col></COLGROUP>
<tbody>
<tr>
<td colspan="2">A&nbsp;Long&nbsp;TD&nbsp;in&nbsp;the&nbsp;asdfdsf</td>
</tr>
<tr>
<td>(1,0)</td>
<td>This&nbsp;text&nbsp;will&nbsp;get&nbsp;truncated&nbsp;for&nbsp;small&nbsp;grid&nbsp;widths.</td>
</tr>
</tbody>
</table>
</form>

Thanks for your help.

-Praveen

Praveen,
Would you post a small sample so I can take a closer look?

Thanks,
Alex Scott [MSFT]

This posting is provided "AS IS" with no warranties, and confers no
rights.

Alex,

Thanks for the suggestion.
Setting the tableLayout to be fixed does ensure that my 1st column gets
set
to that width in all scenarios.

But, when there are columns without "width" setting, they get "shrunk"
when
there isn't enough overall width, truncating the text in the cells - not
good. If this were "auto" layout then the columns would not be resized
any
smaller than the width necessary to show all the contents.

So, is there a way to force certain columns to "resize to fit" while
forcing
a specific width on other columns? Which is what the "auto" layout is
supposed to do in the first place - as correctly implemented in Mozilla,
I
believe.

Thanks
Praveen

Hi Praveen,

Have you tried something like this?

<TABLE style="table-layout: fixed" border="1" width="400px">
<COLGROUP><COL style="width:20px"><COL></COLGROUP>
<TR>
<TD colspan="2">A Long TD in the first row / first column (0,0),
spans 2 columns.</TD>
</TR>
<TR>
<TD>(1,0)</TD>
<TD>(1,1)</TD>
</TR>
</TABLE>

Alex Scott [MSFT]

This posting is provided "AS IS" with no warranties, and confers no
rights.


:

This sample table html illustrates the buggy rendering in IE:

<table border="1" cellSpacing="0" cellPadding="0">
<tbody>
<tr>
<td colspan="2">A Long TD in the first row / first column
(0,0),
spans 2 columns.</td>
</tr>
<tr>
<td width=30 title="width = 30 but gets resized in IE, renders
well
in Mozilla">(1,0)</td>
<td title="width = none">(1,1)</td>
</tr>
</tbody>
</table>

Basically the first column gets resized to a longer width than
specified.
The tooltips and the code itself should explain this further.

This works very well in Mozilla (the first column is drawn to the
specified
width).

If someone from MS could acknowledge this as a bug and provide a
workaround
in the meantime that would be really great. Or if I am missing
something
please let me know.

Is there a better group where I should post this?

Thanks
Praveen

 

[Praveen Ramesh]

Alex,

Here I go again.

Please ignore my previous post (missed a fiew lines of html).

Here is a sample:

<form id="Form1" method="post" runat="server">
<label><b>Fixed table-layout setting with grid width notset.</b> Shrink
the browser width and see the text in the 2nd column get truncated for
smaller widths.
But, renders well in Mozilla (resizes to fit).</label>
<table style="overflow:hidden;table-layout: fixed" border="1"
cellSpacing="0" cellPadding="0">
<COLGROUP><COL style="width:30px"><col></COLGROUP>
<tbody>
<tr>
<td colspan="2">A&nbsp;Long&nbsp;TD&nbsp;in&nbsp;the&nbsp;asdfdsf</td>
</tr>
<tr>
<td>(1,0)</td>
<td>This&nbsp;text&nbsp;will&nbsp;get&nbsp;truncated&nbsp;for&nbsp;small&nbsp;grid&nbsp;widths.</td>
</tr>
</tbody>
</table>
</form>

Thanks for your help.

-Praveen

Praveen,
Would you post a small sample so I can take a closer look?

Thanks,
Alex Scott [MSFT]

This posting is provided "AS IS" with no warranties, and confers no
rights.

Alex,

Thanks for the suggestion.
Setting the tableLayout to be fixed does ensure that my 1st column gets
set
to that width in all scenarios.

But, when there are columns without "width" setting, they get "shrunk"
when
there isn't enough overall width, truncating the text in the cells - not
good. If this were "auto" layout then the columns would not be resized
any
smaller than the width necessary to show all the contents.

So, is there a way to force certain columns to "resize to fit" while
forcing
a specific width on other columns? Which is what the "auto" layout is
supposed to do in the first place - as correctly implemented in Mozilla,
I
believe.

Thanks
Praveen

Hi Praveen,

Have you tried something like this?

<TABLE style="table-layout: fixed" border="1" width="400px">
<COLGROUP><COL style="width:20px"><COL></COLGROUP>
<TR>
<TD colspan="2">A Long TD in the first row / first column (0,0),
spans 2 columns.</TD>
</TR>
<TR>
<TD>(1,0)</TD>
<TD>(1,1)</TD>
</TR>
</TABLE>

Alex Scott [MSFT]

This posting is provided "AS IS" with no warranties, and confers no
rights.


:

This sample table html illustrates the buggy rendering in IE:

<table border="1" cellSpacing="0" cellPadding="0">
<tbody>
<tr>
<td colspan="2">A Long TD in the first row / first column
(0,0),
spans 2 columns.</td>
</tr>
<tr>
<td width=30 title="width = 30 but gets resized in IE, renders
well
in Mozilla">(1,0)</td>
<td title="width = none">(1,1)</td>
</tr>
</tbody>
</table>

Basically the first column gets resized to a longer width than
specified.
The tooltips and the code itself should explain this further.

This works very well in Mozilla (the first column is drawn to the
specified
width).

If someone from MS could acknowledge this as a bug and provide a
workaround
in the meantime that would be really great. Or if I am missing
something
please let me know.

Is there a better group where I should post this?

Thanks
Praveen

 

[Guest]

Praveen,
For this scenario, I would try using table-layout: auto.

<table style="overflow:hidden; table-layout: auto" border="1"
cellSpacing="0" cellPadding="0">

Another option is to leave "table-layout: fixed" and remove literal
white-space characters ( ) from the table cells.

Alex Scott [MSFT]

This posting is provided "AS IS" with no warranties, and confers no rights.

Alex,

Here I go again.

Please ignore my previous post (missed a fiew lines of html).

Here is a sample:

<form id="Form1" method="post" runat="server">
<label><b>Fixed table-layout setting with grid width notset.</b> Shrink
the browser width and see the text in the 2nd column get truncated for
smaller widths.
But, renders well in Mozilla (resizes to fit).</label>
<table style="overflow:hidden;table-layout: fixed" border="1"
cellSpacing="0" cellPadding="0">
<COLGROUP><COL style="width:30px"><col></COLGROUP>
<tbody>
<tr>
<td colspan="2">A Long TD in the asdfdsf</td>
</tr>
<tr>
<td>(1,0)</td>
<td>This text will get truncated for small grid widths.</td>
</tr>
</tbody>
</table>
</form>

Thanks for your help.

-Praveen

Praveen,
Would you post a small sample so I can take a closer look?

Thanks,
Alex Scott [MSFT]

This posting is provided "AS IS" with no warranties, and confers no
rights.

Alex,

Thanks for the suggestion.
Setting the tableLayout to be fixed does ensure that my 1st column gets
set
to that width in all scenarios.

But, when there are columns without "width" setting, they get "shrunk"
when
there isn't enough overall width, truncating the text in the cells - not
good. If this were "auto" layout then the columns would not be resized
any
smaller than the width necessary to show all the contents.

So, is there a way to force certain columns to "resize to fit" while
forcing
a specific width on other columns? Which is what the "auto" layout is
supposed to do in the first place - as correctly implemented in Mozilla,
I
believe.

Thanks
Praveen

message Hi Praveen,

Have you tried something like this?

<TABLE style="table-layout: fixed" border="1" width="400px">
<COLGROUP><COL style="width:20px"><COL></COLGROUP>
<TR>
<TD colspan="2">A Long TD in the first row / first column (0,0),
spans 2 columns.</TD>
</TR>
<TR>
<TD>(1,0)</TD>
<TD>(1,1)</TD>
</TR>
</TABLE>

Alex Scott [MSFT]

This posting is provided "AS IS" with no warranties, and confers no
rights.


:

This sample table html illustrates the buggy rendering in IE:

<table border="1" cellSpacing="0" cellPadding="0">
<tbody>
<tr>
<td colspan="2">A Long TD in the first row / first column
(0,0),
spans 2 columns.</td>
</tr>
<tr>
<td width=30 title="width = 30 but gets resized in IE, renders
well
in Mozilla">(1,0)</td>
<td title="width = none">(1,1)</td>
</tr>
</tbody>
</table>

Basically the first column gets resized to a longer width than
specified.
The tooltips and the code itself should explain this further.

This works very well in Mozilla (the first column is drawn to the
specified
width).

If someone from MS could acknowledge this as a bug and provide a
workaround
in the meantime that would be really great. Or if I am missing
something
please let me know.

Is there a better group where I should post this?

Thanks
Praveen