Imagenes me descuadran la tabla

[jcvargas1985]

Buenas,

en primer lugar decir que he buscado en post ya abiertos y en ningun caso encuentro algo parecido a lo mio.

Mi problema es que tengo una tabla con algunas imagenes, cuando la tabla la visualizo en chrome se ve todo correcto, el problema es que al visualizarlo con explorer las imagenes toman mas porcentaje que el que destinado al tamaño de esa celda.
Supongo que a esto influye que con chrome hay mas area de trabajo y en explorer menos.

Adjunto el código.


<div id="contenidoFicha" style="width: 100%; height: 100%;" class=DIV2>
<table align="center" width="100%" height="100%" >
<tr height="15%">
<td colspan="3"><embed src="banner.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download
/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100%" height="100%" >
</embed>
</td>
</tr>
<tr height="85%">
<td width="15%" >
<TABLE WIDTH="100%" HEIGHT="100%">
<TR HEIGHT="30%"><TD class=tabla2><a href="TiendasOnline.php"><img border="none" src="online.jpg" width="100%" height="100%"></a></TD></TR>
<TR HEIGHT="40%" ><TD class=tabla2><img border="none" src="mejoresOfertas.jpg" width="100%" height="100%"></TD></TR>
<TR HEIGHT="30%" ><TD class=tabla2><img border="none" src="DefTiendas.gif" width="100%" height="100%"></TD></TR>
</TABLE>
</td>
<td width="70%"><div id="map_canvas" style="width:100%; height:100%"></div> </td>
<td width="15%">
<TABLE WIDTH="100%" HEIGHT="100%" >
<TR HEIGHT="30%" ><TD class=tabla2><img border="none" src="DefTiendasOnLine.gif" width="100%" height="100%"></TD></TR>
<TR HEIGHT="40%"><TD class=tabla2><img border="none" src="DefCorchas.gif" width="100%" height="100%"></TD></TR>
<TR HEIGHT="30%"><TD class=tabla2><img border="none" src="DefTiendas.gif" width="100%" height="100%"></TD></TR>
</TABLE>
</td>
</tr>
</table>

</div>

-----------------------------
Esto <td width="15%" > es lo que toma mayor porcentaje que el 15%, aproximadamente puede tomar el 30%.
Hay forma de controlarlo?

Muchisimas gracias por sus respuestas.

[leo_nqn]

por que no probas darle a todas las imagenes un mismo tamaño?

[gildus]

Holas,

Podrias en vez de colocar:

<img border="none" src="DefTiendasOnLine.gif" width="100%" height="100%">

Hacerlos con estilos, por ejemplo:

Código CSS:

img
{
 border:none;
 width:100%;
 height:100%;
}
 

<img src="DefTiendasOnLine.gif" >

Y porque no en vez de darle border='none', le das: border='0', so sino en el estilo: border: 0px;


Saludos
Gildus

[jcvargas1985]

Iniciado por leo_nqn

por que no probas darle a todas las imagenes un mismo tamaño?

Todas las imagenes tienen el mismo tamaño, creo que no entendiste el problema, es que en lugar de tomar el 15% de la tabla a las fotos toma mas o menos el 30, yo quiero dejar fijo el 15% y aunque las imagenes sean mas grandes que no se pasen de ahi.

[jcvargas1985]

Iniciado por gildus

Holas,

Podrias en vez de colocar:



Hacerlos con estilos, por ejemplo:

Código CSS:

img
{
 border:none;
 width:100%;
 height:100%;
}
 

Y porque no en vez de darle border='none', le das: border='0', so sino en el estilo: border: 0px;


Saludos
Gildus

Gracias por tu respuesta, pero he probado y no ha funcionado, me sigue tomando mas del 15% destinado a ese termino.

[jomaruro]

Hola:

Prueba a darles otro tamaño solo para IE mediante comentarios condicionales.

Saludos.

[jcvargas1985]

Iniciado por jomaruro

Hola:

Prueba a darles otro tamaño solo para IE mediante comentarios condicionales.

Saludos.

Intentare buscar otra opción, ya que varia mucho el area de trabajo de Internet Explorer según la resolucion del monitor, barras de busqueda instaladas etc etc.
No es una ciencia fija como para tomar esa solución.

[gildus]

Porque usas en el tag img el parametro border="none"???. alli si no deseas un valor o que no tenga borde simplemente deberias de colocar 0 y nada mas. En todo caso probe en Firefox, IE6, IE7 e IE8, Opera, Safari y si funcionan.

En todo caso coloca el codigo completo de tu HTML.

Saludos
Gildus

[jcvargas1985]

http://www.buscatiendapesca.com/

Ahí teneís la página en cuestión.

Un saludo.

[gildus]

Holas,

Esta todo bien como debe de mostrarse segun como esta codigo, mas bien he notado que la cabecera el Flash que colocas en esta parte:

Código HTML:

<div id="contenidoFicha"  style="width: 100%; height: 100%;" class=DIV2>
    <table align="center" width="100%" height="100%" >
    <tr height="15%">
        <td colspan="3"><embed src="banner.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download
/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100%" height="100%" >
</embed>
</td>
    </tr>
...
...
...
 

Deberias de conciderar el tamaño de la altura (height) real, ya que eso si es el unico que se ve bien, cambia en el IE y el Opera, en el Chrome, FF y Safari corren excelente, La altura debes de conciderarla mas o menos le puse un 200px y se ve bien:

<div id="contenidoFicha" style="width: 100%; height: 100%;" class=DIV2>
<table align="center" width="100%" height="100%" >
<tr height="200px">
<td colspan="3"><embed src="banner.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download
/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100%" height="100%" >
</embed>
</td>
</tr>
...
...
...

Saludos
Gildus

[jcvargas1985]

He probado con 200 pero se ve peor que antes, debemos de tener distintos explorer.

Sigue sin solucionarse, a alguien se le ocurre una idea?

[gildus]

Es tu navegador o tu red, ya que tengo el IE 6, IE 7 e IE8.