Problemer med forskellig visning af height i IE/FF/Opera
Jeg har følgende simple html kode<html>
<head><title></title></head>
<body>
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td>
{$lang.introtext}
</td>
</tr>
<tr>
<td valign=top>
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td valign=top>
<FIELDSET style="border:#d1d1d1 1px solid;" style="padding:0px">
<LEGEND style="font-weight:bold;color:black;">
{$products_form_data.selProducts.label}
</LEGEND>
<form {$products_form_data.attributes}>
{$products_form_data.selProducts.html}
{$products_form_data.btnProductsSubmit.html}
{$products_form_data.hidden}
</form>
</FIELDSET>
</td>
<td valign=top rowspan=2>
<FIELDSET style="border:#d1d1d1 1px solid;height:370px;" style="padding:0px">
<LEGEND style="font-weight:bold;color:black;">{$lang.prisinfo}</LEGEND>
{include file="pricecompare.tpl"}
</FIELDSET>
</td>
</tr>
<tr>
<td valign=top>
<FIELDSET style="border:#d1d1d1 1px solid;height:300px" style="padding:0px">
<LEGEND style="font-weight:bold;color:black;">{$lang.productarea}</LEGEND>
{include file=$shownpage}
</FIELDSET>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Problemet er at højden på de enkelte fieldsets bliver vist forskelligt i forskellige browsere.
Jeg vil gerne have højre fieldset til at have samme højde som de to venstre tilsammen.
Men når det ser fint ud i IE ser det ud af h... til i FF og omvendt.
Hvordan kan jeg få det til at se pænt ud i alle browsere?
Mvh. Bumle90