473,322 Members | 1,538 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,322 software developers and data experts.

auto table row height

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?
Jul 21 '05 #1
2 15857
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.
Jul 21 '05 #2
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:20px;">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 :)
Jul 21 '05 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

1
by: Glabbeek | last post by:
I'm changing the layout of my site. Instead of using tables, I will use DIVs. It's working fine, except for 1 thing: In IE6 some DIVs are not the correct width. Mozilla and Opera are showing the...
3
by: inkswamp | last post by:
I've been using CSS for quite a while now but I have yet to master its eccentricities. Here's something I recently ran across and if someone could explain why this happens, I would appreciate it. ...
4
by: reycri | last post by:
I have a page that works as I intend in IE but not in Firefox: <html> <head> <title>Overflow Test</title> </head> <body style='overflow:hidden; margin:0; padding:0;'> <table border='0'...
14
by: rsearing | last post by:
I am new to HTML and will have to beg if this is obvious, but I am trying to design a table that looks like: ******************************** *----A------*------------------------*...
2
by: Piotr K | last post by:
Hi, I've encountered a strange problem with Firefox which I don't have any idea how to resolve. To the point: I've <divelement with a style "height: auto" and I want to retrieve this value...
1
by: neridaj | last post by:
Hello, I've found a few postings of this problem but none of the answers seem to fix my problem. I have a content div wrapped around a left floated image and a right floated table. I want the...
1
by: pravinnweb | last post by:
can anyone tell me how to set auto height to outer div that is in green box id "gray-background" it should increase relatively to inner div "smbox" here is the css and html code it should work in...
1
by: azura | last post by:
how can i get this textfield auto detect?? because i try not to using view name button... i want when i enterd this matric no., the student name will appear automatically when i insert the matric...
1
by: azura | last post by:
i had a problem... how can i auto detect that bold n italic field..when i enter the matric no, then the name will auto appear... i want to make this field using less button.. thanks <table...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.