altezza cella con FF e IE7

[Fumocamel]

ho un problema di altezze celle in FireFox ed Internet Explorer 7

questo è il risultato con FF



questo è il risultato con IE7




questo è il codice

<TD BGCOLOR=#FFFFFF WIDTH=162  valign="top" BACKGROUND="bg-menu.jpg" >
 
<FONT FACE=VERDANA SIZE=2>[img]button-alpha-top.gif[/img]
[img]bullet.gif[/img]<FONT COLOR=#FFFFFF>Index</FONT>
[img]button-alpha.gif[/img]
[img]bullet.gif[/img]<FONT COLOR=#FFFFFF>categoria prova</FONT>
[img]button-alpha-bottom.gif[/img]</FONT>
[img]blank-white.gif[/img]
</TD>
<TD BGCOLOR=#FFFFFF  valign="top"  ><div class="moduletable"><a href="index.php?option=com_banners&amp;task=click&amp;bid=3" target="_blank">[img]button-slo-20.gif[/img]
</a></div></TD>

praticamente il problema è l'altezza della cella
che con FF è giusta mentre con IE7 è sbagliata...

[tommasosacramon]

Ciao,
io userei i fogli di stile.

[Fumocamel]

in realtà sembrava che avessi risolto il problema

invece no

la tabella è formata da 2 colonne

la colonna di sinistra ha due celle

la colonna di dentra ne ha una sola

io vorrei che la cella in alto di sinistra sia fissa (anche se non so esattamente di quanti pixel perchè è un menù dinamico) mentre la colonna di destra può variare in base al contenuto...

grazie...

[Fumocamel]

Originariamente inviato da tommasosacramon
Ciao,
io userei i fogli di stile.

cioè in pratica cosa mi consigli?

sto facendo prove a bizzeffe...

[Fumocamel]

ho provato così

<style type="text/css">
.menublaz {
	height: 100px;
	max-height:100px;
	 vertical-align:top;
}
</style>

con FF perfetto

IE7 nemmeno per ***

[Fumocamel]

prima di tutto ho buttato via le celle della tabella

poi ho fatto un div e grazie a questa pagina

ho fatto

<style type="text/css">
.menublaz {
height: expression( this.scrollHeight > 99 ? "100px" : "auto" );
	max-height: 100px;
	background: url(../bg-menu.jpg);
	background-repeat: no-repeat;
}
</style>

e sembra funzionare