Como ocultar los bordes de un Iframe en IE (Internet Explorer)

Hoy nuevamente y para variar el IE me ha hecho perder una buena cantidad de tiempo, tal ves por ceñirse al estándar de html o que se yo, pero el echo es que quería mostrar un iframe en una página y en firefox, el iframe sale sin ningún tipo de bordes, pero en IE por más que intenté por css quitar todos los bordes no lo conseguía.

 

La siguiente imagen es un iframe clásico como lo escribiríamos muchos:

<iframe class=”frmPubIzquierda” src=”laurl” width=”116″ scrolling=”no” height=”60″></iframe>

 

 image

 

Como no queremos ver los bordes, lo que tenemos que hacer es fijar otros atributos html del elemento iframe. (ver todos los atritbutos de iframe). Estos atributos son:

 

frameborder: Define el borde del marco (ancho) (Efecto IE si no se pone a 0: Color gris  alrededor)

marginwidth: Especifica la distancia entre el margen izquierdo y el contenido (Efecto IE si no se pone a 0: Color gris  a la izquierda)

marginheight: Especifica la distancia entre el margen superior y el contenido (Efecto IE si no se pone a 0: Color gris  a la arriba)

Así que para solucionarlo, simplemente añada estos atributos con valor ‘0’ en la declaración del iframe

<iframe class=”frmPubIzquierda” src=”laurl” width=”116″ scrolling=”no” height=”60″ frameborder=’0′ marginwidth=’0′ marginheight =’0′></iframe>

Marcar el Enlace permanente.

14 comentarios

  1. Perfecto aporte muchas gracias a mi el ie tambien me vuelve majara!!!

  2. muchas gracias amigo, ya me estaba iniciando a matar la cabeza, definitivamente explorer suck 😛

  3. Muchas gracias!!! me estaba volviendo loca!! muerte al explorer!
    🙂

  4. muchísimas gracias , yo estaba haciendo desde poner style o ponerme a hacer otra forma.
    creo que uno lo le de mas mente y los problemas mas difíciles se arreglan con cosas sencillas

  5. Gracias amigo muy buena aportacion

  6. Buen aporte !!! muchas gracias ya se me estava haciendo dificil encontrarle una solucion a este problema qu veo varios tenemos con el IE. Saludos… sigue asi

  7. Muchas gracias! Ha sido de gran utilidad

  8. Muchas gracias por tu colaboración has sido de gran ayuda

  9. No hay de que, me alegra que sea de ayuda

  10. Men un 10 completo con esto hahahah me acabas de ahorrar tiempo y estres, para los nuevos en esto de las paginas pta un chulada estos consejos

  11. Muchas gracias!!

  12. En E9 no me funciona :/
    Fuckin E9!

  13. en ie8 no funciona

  14. Gracias socio por este excelente aporte…

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *