Forum Moderators: not2easy

Message Too Old, No Replies

How to make table columns equal ?

         

tmyonline

6:33 am on Feb 28, 2008 (gmt 0)

10+ Year Member



Hi guys:

I'm having a table with one row and two columns: column A & column B. Due to different amount of material in each column, column A is shorter than column B. As I use the border attribute, this difference becomes vivid, especially in Firefox (the columns look equal in IE).

In the <td> tag of the shorter column, I did specify:

<td valign="top" height="100%">

but the length of this column does not expand to 100%, which is the full length of the table. What should I do to make these two columns equal in Firefox ?

Thanks.

SuzyUK

8:34 am on Feb 28, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



tmyonline, if you really are using a table then the two cells should be the same height automatically, without the need to specify a height so am a little confused with your question

if you're trying to emulate a table with CSS/divs then a search for "CSS 100% height columns", or "CSS even height columns" should bring up a few discussions, and that it's not really possible without some visualisation trick (e.g. faux columns)

anyway if you can post a sample of HTML and CSS we should be able to understand your question a bit better and perhaps give some better options

thanks
Suzy