problemas con el height de imagen

[0greco0]

buen dia les explico mi problema es que en el body de mi pagina tengo una tabla la cual contiene todo tiene 3 tr en el primero pues va algo asi como el banner de la pagina con js le asigno su height al primer tr el cual varia por eso no se lo pongo fijo el problema viene cuando en ese tr pongo 3 td y en cada td un table cuando pongo imagenes en las celdas de esos tables las imagenes no toman el height del tr de la tabla principal

<table border="0" cellspacing="0" cellpadding="0">
<tr width='100%' id='fila'>
<script language=javascript>
pfila();
</script>
<td width='25%' height='100%' >
<table height='100%' width='100%' border="0" cellspacing="0" cellpadding="0">
<tr>
<td width='50%'>
<img src='2.jpg' height='100%' width='100%'>
</td>
<td width='50%'>
<img src='5.jpg' height='100%' width='100%'>
</td>
</tr>
</table>
</td>


<td width='50%' height='100%'>
<table width='100%' height='100%' border="0" cellspacing="0" cellpadding="0">
<tr height='80%'>
<td>
<img src='centro.jpg' height='100%' width='100%'>
</td>
</tr>
<tr height='20%'>
<td bgcolor='DodgerBlue' align='center'>
<font face="Verdana, Arial, Helvetica, sans-serif" size=3 color=#ffffff>algo</font>
</td>
</tr>
</table>
</td>


<td width='25%' height='100%'>
<table width='100%' height='100%' border="0" cellspacing="0" cellpadding="0">
<tr>
<td width='50%'>
<img src='1.jpg' height='100%' width='100%'>
</td>
<td width='50%'>
<img src='4.jpg' height='100%' width='100%'>
</td>
</tr>
</table>
</td>
</tr>
</table>

w=width
h=height
ese es el codigo de mi primer tr segun yo al poner w y h = 100% en la imagen le digo que abarque el 100% de donde se encuentra y en vez de eso toma las dimenciones que kiere les comento con el w no me pasa pero con el h si en firefox se ve bien igual en opera el problema es en chrome y safari algo que este haciendo mal?

[emprear]

El planteo. ya arranca mal

en el primero pues va algo asi como el banner de la pagina con js le asigno su height al primer tr el cual varia por eso no se lo pongo fijo

"Es variable, en consecuencia lo pongo fijo", algo contradictorio

Por el resto, quizás esto te oriente un poco

Result: 18 errors / 0 warnings

line 9 column 11 - Error: there is no attribute "width"
line 10 column 18 - Error: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified
line 10 column 28 - Error: required attribute "type" not specified
line 10 column 28 - Error: document type does not allow element "script" here; missing one of "th", "td" start-tag
line 14 column 15 - Error: there is no attribute "height"
line 17 column 44 - Error: required attribute "alt" not specified
line 17 column 45 - Error: end tag for "img" omitted, but OMITTAG NO was specified
line 17 column 1 - Info: start tag was here
line 20 column 44 - Error: required attribute "alt" not specified
line 20 column 45 - Error: end tag for "img" omitted, but OMITTAG NO was specified
line 20 column 1 - Info: start tag was here
line 29 column 12 - Error: there is no attribute "height"
line 31 column 49 - Error: required attribute "alt" not specified
line 31 column 50 - Error: end tag for "img" omitted, but OMITTAG NO was specified
line 31 column 1 - Info: start tag was here
line 36 column 57 - Error: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified
line 36 column 65 - Error: an attribute value must be a literal unless it contains only name characters
line 47 column 44 - Error: required attribute "alt" not specified
line 47 column 45 - Error: end tag for "img" omitted, but OMITTAG NO was specified
line 47 column 1 - Info: start tag was here
line 50 column 44 - Error: required attribute "alt" not specified
line 50 column 45 - Error: end tag for "img" omitted, but OMITTAG NO was specified
line 50 column 1 - Info: start tag was here



Saludos

[0greco0]

buen dia gracias por contestar no entendi eso de

"Es variable, en consecuencia lo pongo fijo", algo contradictorio

si te refieres a

en el primero pues va algo asi como el banner de la pagina con js le asigno su height al primer tr el cual varia por eso no se lo pongo fijo

me refiero a que no pongo height='180px' si no que con js saco las dimenciones de la pantalla del cliente y segun las dimenciones del alto de la pantalla le asigno su height al tr entonces segun la resolucion de la pantalla del cliente puede variar el height a eso me referia con que era variable entonces puede ser 180px 200px etc. pero pues con js se lo asigno no se si me di a entender se que muchas veces eso de usar porcentajes causa problemas por eso le doy tamaño especifico en px pero variable segun la pantalla del cliente se que parece poco practico pero pues soy algo paranoico con eso de que la aplicacion sea visible en cualkier pantalla y navegador por eso ando batallando para que sea visible en safari y chrome ya e intentado dandole dimencion en px directamente sin el js y ni asi dandole 100% a todas las td, tables y tr que hay en esa tr donde especifico el height en px para que adopten ese height segun yo jajaja y ni asi la unica forma que e visto es pues dandole el alto especifico a la imagen podria asignarle un id a cada imagen y con js asignarle el height en pixeles segun la pantalla del cliente pero tengo una como galeria que es una tabla la cual utilizo ajax y php y le doy la misma dimencion a cada cuadro donde aparece una imagen para representar el album y ahi no se me descuadran las imagenes y eso que las imagenes el height lo tengo con 100% no se si alla alguna condicion o algo para que al ponerle height='100%' a la imagen tome el 100% de la celda que lo contiene y no un alto mayor al de la celda

amigo disculpa pero no entendi esa lista de errores usas algun editor o algo?

[0greco0]

buen dia pues creo que e logrado solucionar mi problema de que lo hace lo hace como kiero pero noc si sea practico y rapido yo crei que a lo mejor estaba formando mal las tablas o algo y que chrome y safari eran mas estrictos por eso se veian mal en esos browsers y bien en otros la solucion que hice fue un metodo en js el cual recive tres parametros como kiero darle dimenciones en % apartir del alto del tr con el id="fila" el cual le doy alto en px dependiendo de la pantalla del cliente pues mando como parametro el id del objeto k kiero asignarle el alto luego el id del objeto el cual tiene su alto especificado en px y luego el porcentaje

function porcent(id1,id2,porcentaje)
{
var contenedor1=document.getElementById(id1).style;
var contenedor2=document.getElementById(id2).style.hei ght;

contenedor2=contenedor2.substring(0,contenedor2.le ngth-2);
porcentaje=(contenedor2*(porcentaje/100))+"px";
contenedor1.height=(porcentaje);
}

y pues el problema es que lo tengo que invocar cada vez que le kiero asignar su alto a algun objeto

otra opcion que habia visto de la cual no me habia dado cuenta es que kitar las tables que estan en las td y solo dejar las imagenes darle style="display:inline;" y el porcentaje directo a las imagenes que si toman bien la medida al parecer el problema surje cuando anidas como yo lo ago que la imagen toma el 100% de alto de la celda y la celda tiene el 100% del alto del tr y este asu vez el 100% de la tabla que a su vez tiene el 100% de la celda que esta a su vez tiene el 100% del tr que su alto es por ejemplo 200px pero pues el ancho no tiene problemas y el alto si por eso pienso que a lo mejor ago algo mal