By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,493 Members | 1,936 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,493 IT Pros & Developers. It's quick & easy.

<td style="height:100%"> IE6 and FireFox

P: 1
Hey guys,
Here is my problem.
I have a page consisting of a table with one row and 2 cells.
Inside the first cell is a table that serves as a table of contents. That table has several rows with one cell in each row. The cell in the last row is empty except for the background image in all of this table's cells. The other cells contain text from a database

The second cell of the larger table contains a databound list.

What I want is for the table in the first cell to always be the size of that cell. That is, in the second table, all of the cells should always be the same size except for the last one. If the list is longer than the table, I want that last cell to expand to make up for it. It's ok if the list is shorter than the toc table but the toc table should never be shorter than the list.
To that end I added this to that last cell:
<td style="height:100%">. It's table also has <table style="height:100%">
It works in IE6 but not in FF.
Any suggestions?
Jan 12 '07 #1
Share this Question
Share on Google+
2 Replies

Expert 100+
P: 1,892
If I'm reading correctly, you want to use overflow: auto; not height. If that doesn't work post the full code or a link to the page please.

Jan 12 '07 #2

Expert 5K+
P: 7,435
Until we get the link or the complete code, two things:
1) Never trust IE to display anything properly. If it doesn't work in Firefox, then the code is somehow bad.
2) Never use tables for layout. This would be easy with CSS.
Jan 13 '07 #3

Post your reply

Sign in to post your reply or Sign up for a free account.