DiABlog

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>

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>