rowspan td height problems IE/Firefox

[infekt_x]

ok, there has got to be a way to make these td's have a fixed height in IE.. the overall height is determined by the varying content in the right cell, therefore also requiring cell "b" to have a variable height.

here is the code and image of the different results created by three different browsers. Firefox is the only one giving me the correct result I am looking for. I have tried many different things but cannot get the result I am looking for. If anyone could help out it'd be SO greatly appreciated.

example (http://www.hagadonenewmedia.com/rowspan_ex01.jpg)

Thanks.
infekt

[agent_bozo]

You can create an alternative css file to correct the styles that are appearing incorrectly in ie. If you then put this conditional comment in your header tag that only IE will understand:

<!--[if IE]>
<link rel="stylesheet" href="iecsssfile.css" media="screen" type="text/css" />
<![endif]-->

You can also use this for different versions of IE :

[if IE5.5] if ie 5.5
[if gtIE5] if greater than ie 5
[if ltIE6] if less than ie 6

then you should get your page working in ie.

[JoeCullen]

<table border="1" cellpadding="0" cellspacing="0" height="300" width="100">
<tr>
<td height="20">A</td>
<td align="center" rowspan="3">
<div style="background-color:#000000; height:200px; width:5px;"></div>
</td>
</tr>
<tr>
<td height="100%">B</td>
</tr>
<tr>
<td height="20">C</td>
</tr>
</table>


This should display the same in all browers.. Change the height restrictions as you need.

[infekt_x]

Thanks Agent and JoeC.

Agent- What css code will work? I can't get this to work in IE no matter what I enter in my css.

JoeC- When adding the height spec directly into the <td> tag, the working functionality I want in firefox breaks, while still this doesn't work in IE unless IE is in quirks mode (no doc-type).

[infekt_x]

*bump*

[infekt_x]

*bump*

[infekt_x]

*bump*