Fixed cell width in table does not work in IE?

[Bart Heinsius]

Hi,
I can't get my cell widths fixed in a table in IE6. In Mozilla it
works, see http://www.xs4all.nl/~margreeh/aa.html .
It's the blue cells that remain fixed at 20pt widths in Mozilla but
not in IE. The HTML was generated with Mozilla's Composer.
Can anyone help getting this to work in IE?
Thanks already,
Bart.

[DKrapohl]

In some browsers you have to explicitly set the column widths for all
columns. It is a good idea to use both width=20 and
style="width:20px" to ensure cross-browser. Also make sure that the
total widths of all columns add up to the width of the table. When
creating a simple table with no rowspan or colspan properties, you can
set the column widths in the first row and save the extra bandwidth of
assigning it to every column in every row.

There are also many tools that will help you check your HTML both in
terms of validity and rendering in different browsers.
http://www.tranquillitas.com/resources/journals.aspx has a series of
links to testing resources that may help you.

Let me know if this doesn't solve your problem.

Don Krapohl
http://www.tranquillitas.com
eo****@hotmail.com (Bart Heinsius) wrote in message news:<f6**************************@posting.google. com>...

Hi,
I can't get my cell widths fixed in a table in IE6. In Mozilla it
works, see http://www.xs4all.nl/~margreeh/aa.html .
It's the blue cells that remain fixed at 20pt widths in Mozilla but
not in IE. The HTML was generated with Mozilla's Composer.
Can anyone help getting this to work in IE?
Thanks already,
Bart.

[Bart Heinsius]

Don,

Thanks for your reply.

I validated my HTML through http://validator.w3.org/ and is is valid
(now it is, anyway). But the problem remains.

I don't want to explicitly set the widths of all columns because I
want all columns to best fit except the column that I set to be 20px
wide.

Any other ideas?

Cheers,
Bart.

[DKrapohl]

See if you can work with this. It seems more elegant (from
http://www.htmlhelp.com/reference/ht...olgroup.html):

<TABLE SUMMARY="This table gives the character entity reference,
decimal character reference, and hexadecimal character
reference for 8-bit Latin-1 characters, as well as the
rendering of each in your browser.">
<COLGROUP>
<COLGROUP SPAN=3>
<COLGROUP SPAN=3>
<THEAD>
<TR>
<TH SCOPE=col ROWSPAN=2>Character</TH>
<TH SCOPE=col ROWSPAN=2>Entity</TH>
<TH SCOPE=col ROWSPAN=2>Decimal</TH>
<TH SCOPE=col ROWSPAN=2>Hex</TH>
<TH SCOPE=colgroup COLSPAN=3>Rendering in Your Browser</TH>
</TR>
<TR>
<TH SCOPE=col>Entity</TH>
<TH SCOPE=col>Decimal</TH>
<TH SCOPE=col>Hex</TH>
</TR>
</THEAD>
<TBODY>
<TR>
<TD SCOPE=row>non-breaking space</TD>
<TD>&amp;nbsp;</TD>
<TD>&amp;#160;</TD>
<TD>&amp;#xA0;</TD>
<TD>&nbsp;</TD>
<TD> </TD>
<TD>&#xA0;</TD>
</TR>
</TBODY>
</TABLE>

Let me know if this still doesn't work. You can also email me if you
wish.
Don Krapohl
http://www.tranquillitas.com
Website quality assurance testing

[Bart Heinsius]

Hmm, I tried the <COLGROUP> stuff but couldn't get that right.
Then I tried the other suggestion:

<table ... style="...; table-layout: fixed">
<col>
<col>
<col width="20">
<col>

And that works! See my real-life page (a sample) on
http://www.xs4all.nl/~margreeh/indicator_details.html where I wanted
the cell width of the cells containing the graph images fixed.
Thanks,
Bart.