auto table row height

[Marek Mänd]

I have problems with table row height by Internet Explorer6 in xhtml1
css1compat mode document.

The table has fixed height and on one TFOOT row the height is set to
'auto' to make it have flexible height, which will shrink if there are
more rows in TBODY and which will grow if there are fewer rows in TBODY.
However IE6 has huge troubles with this simple concept and doesnt seem
want to make the auto-heighted row to behave as auto heighted and
distributes row heights wrongly:

http://www.hot.ee/idaliiga/testcases...rtslisting.htm
Is there a easy way to workaround it and make IE6 look like Firefox,
Mozilla and Opera?

[Ståle Sæbøe]

Marek Mänd wrote:

I have problems with table row height by Internet Explorer6 in xhtml1
css1compat mode document.

The table has fixed height and on one TFOOT row the height is set to
'auto' to make it have flexible height, which will shrink if there are
more rows in TBODY and which will grow if there are fewer rows in TBODY.
However IE6 has huge troubles with this simple concept and doesnt seem
want to make the auto-heighted row to behave as auto heighted and
distributes row heights wrongly:

http://www.hot.ee/idaliiga/testcases...rtslisting.htm
Is there a easy way to workaround it and make IE6 look like Firefox,
Mozilla and Opera?

You can tweak endlessly and every time you add a new element you have to
do it all over again. The browsers act differently. Especially when
trying to force element sizes and positions.

Table elements are particularily tricky, because the standards leave a
lot of the rendering options up to the user agent.

Are you targeting text based user agents? If not, do you need all the
info in one table? You could solve your problem by putting the footer in
a div outside the table, a separate table or even a table within a table.

Perhaps you should also consider abandoning the table all together and
use other elements.

[DU]

Ståle Sæbøe wrote:

Marek Mänd wrote:

I have problems with table row height by Internet Explorer6 in xhtml1
css1compat mode document.

The table has fixed height and on one TFOOT row the height is set to
'auto' to make it have flexible height, which will shrink if there are
more rows in TBODY and which will grow if there are fewer rows in TBODY.
However IE6 has huge troubles with this simple concept and doesnt seem
want to make the auto-heighted row to behave as auto heighted and
distributes row heights wrongly:

http://www.hot.ee/idaliiga/testcases...rtslisting.htm
Is there a easy way to workaround it and make IE6 look like Firefox,
Mozilla and Opera?

You can tweak endlessly and every time you add a new element you have to
do it all over again. The browsers act differently.

The more a table is overconstrained , and this is obviously the case with
the OP's webpage, then the more the layout will differ in different
browsers and in different contexts.
E.g.:
<th style="height:2 0px;">Product
list<br/>sadasdas<br/>sadasdas<br/>sadasdas</th>
The OP wants such table row to use only height of 20px. How is that
possible if the font-size used is more than 5px ?
Especially when trying to force element sizes and positions.

It's easier to set size and position to generic block-level elements
like <div>, not to <table>
Table elements are particularily tricky, because the standards leave a
lot of the rendering options up to the user agent.

Are you targeting text based user agents? If not, do you need all the
info in one table? You could solve your problem by putting the footer in
a div outside the table, a separate table or even a table within a table.

Nested tables is always a bad solution. To start with, tables should be
used for tabular data. Here, it seems obvious to me it's not the case.
Perhaps you should also consider abandoning the table all together and
use other elements.

DU
--
The site said to use Internet Explorer 5 or better... so I switched to
Mozilla 1.7.6 :)