Foros del Web » Creando para Internet » HTML »

Problema firefox/IE ajustar imagen a una celda

Estas en el tema de Problema firefox/IE ajustar imagen a una celda en el foro de HTML en Foros del Web. Buenas tardes. Tengo un problema que no se como solucionar, y os lo comento por si pudierais ayudarme. Tengo un código, el cual, se me ...
  #1 (permalink)  
Antiguo 24/08/2010, 10:56
 
Fecha de Ingreso: agosto-2010
Mensajes: 2
Antigüedad: 7 años, 3 meses
Puntos: 0
Problema firefox/IE ajustar imagen a una celda

Buenas tardes.

Tengo un problema que no se como solucionar, y os lo comento por si pudierais ayudarme.

Tengo un código, el cual, se me ve perfectamente en firefox, pero no en IE.

El código es el siguiente:
Código PHP:
<div>
<
table border="1" width="90%" align="center" cellspacing="0" cellpadding="0">
    <
tr>
        <
td width="30%" bgcolor="ffb82c">
            <
img src="imagenes/composicioinici.jpg" align="left" width="55%"/>
        </
td>
        <
td width="40%"  bgcolor="ffb82c" align="center">
            <
a href="paginas/qui-soc.html"><img src="imagenes/presentacio1.jpg" style="width: 60%;"name="BotoA" onMouseOver="MM_swapImage('BotoA','','/imagenes/botopresentacio1.jpg',1);MM_swapImage('BotoA','','imagenes/botopresentacio1.jpg',1)" onMouseOut="MM_swapImgRestore()" /></a>
            <
br />
            <
a href="paginas/treballs.html"><img src="imagenes/presentacio2.jpg" width="60%" name="BotoB" onMouseOver="MM_swapImage('BotoB','','/imagenes/botopresentacio2.jpg',1);MM_swapImage('BotoB','','imagenes/botopresentacio2.jpg',1)" onMouseOut="MM_swapImgRestore()" /></a>
            <
br />
        
            <
a href="paginas/contacte.html"><img src="imagenes/presentacio3.jpg" width="60%" name="BotoC" onMouseOver="MM_swapImage('BotoC','','/imagenes/botopresentacio3.jpg',1);MM_swapImage('BotoC','','imagenes/botopresentacio3.jpg',1)" onMouseOut="MM_swapImgRestore()"/></a>

        </
td>
        <
td width="30%" bgcolor="ffb82c">
            <
img src="imagenes/composicioinici2.jpg" align="right" width="55%"/>
        </
td>
    </
tr>
</
table>

</
div
El problema está en que yo quiero redimensionar las imágenes a un % del tamaño de la celda.
Firefox me lo redimensiona pero IE no.

Ejemplo:
Si la celda tiene un ancho de 500 y la imagen tiene un ancho de 600, firefox redimensiona un 60% de 500, e IE redimensiona un 60% de 600, con lo cual, la visualización final es distinta.


¿Alguien sabe si hago algo mal?



Saludos y gracias.
  #2 (permalink)  
Antiguo 25/08/2010, 01:24
 
Fecha de Ingreso: agosto-2010
Mensajes: 2
Antigüedad: 7 años, 3 meses
Puntos: 0
Respuesta: Problema firefox/IE ajustar imagen a una celda

Buenos días.

Por lo que pude leer ayer por ahí, el problema está en que todos los navegadores, exceptuando IE en Windows, interpretan una cosa, e IE interpreta otra.

Parece ser que firefox y otros, interpretan el width en porcentaje sobre el tamaño del bloque donde lo utilizas, mientras que IE interpreta el width en porcentaje sobre el tamaño total de la página, con lo cual, el resultado final puede ser muy distinto.


De momento no he encontrado ninguna solución al problema, con lo que podría ser que tuviera que rehacerlo todo...


Si alguien tiene algo con lo que pudiera orientarme se lo agradecería.



Saludos y hasta otra.

Etiquetas: celda
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:34.