ansaurus

Question

Answer 1

A:

Instead of using the height propertiy (since its causing problems) you can use a spacer. For exampel a transparent small gif which u set the height to the amount you want too. The gif you would just do like this

ChrisAD 2009-04-07 23:39:31

I am afraid that, because of Internet Exploder, I have no choice but to do this and update the height of the GIF as the box is resized. Cheers for the pointer! :)

Fritz H 2009-04-08 00:03:46

Ergh... I thought that using a CSS-based layout meant the death of the deaded GIF spacer. Guess not, huh?

Julian H. Lam 2010-01-31 21:38:41

Answer 2

A:

this table is resized on the fly using javascript.

Then how about also setting:

table.rows[1].style.height= (totalheight-14)+'px';

explicitly?

The actual old-school correct answer for this is:

<tr height="7">...<tr>
<tr height="*">...<tr>
<tr height="7">...<tr>

Unfortunately, browsers never actually supported the HTML ‘*’/‘n*’ syntax. You can say:

<tr style="height: 7px;">...</tr>
<tr style="height: 100%;">...</tr>
<tr style="height: 7px;">...</tr>

but IE takes this literally and makes the middle row 100% of the height of the whole table (which in turn makes the table taller than it should be). You could use this in conjuction with an IE hack to make the table's height 14px smaller on that browser, perhaps.

bobince 2009-04-08 10:06:39

Answer 3

+1 A:

In the past I have found that the height attribute of cells are overridden by the font size inside the cell, even if there is not font present. Set the font size to something like 1 or 0 px and your heights will actually take effect.

Gineer 2009-04-08 10:21:57

Answer 4

A:

Try this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

2009-06-02 07:24:25

Answer 5

A:

2009-10-17 17:00:53

ansaurus

tags:

views:

answers:

Table row height in Internet Explorer

related questions