html - quitar - Eliminar borde de IFrame




quitar scroll iframe (16)

Además de agregar el atributo frameBorder, es posible que desee considerar configurar el atributo de desplazamiento en "no" para evitar que aparezcan barras de desplazamiento.

<iframe src="myURL" width="300" height="300" frameBorder="0" scrolling="no">Browser not compatible. </iframe > 

¿Cómo elimino el borde de un iframe incrustado en mi aplicación web? Un ejemplo del iframe es:

<iframe src="myURL" width="300" height="300">Browser not compatible.</iframe>

Me gustaría que la transición del contenido de mi página al contenido del iframe sea ​​perfecta, asumiendo que los colores de fondo sean consistentes. El navegador de destino es solo para IE6 y desafortunadamente las soluciones para otros no ayudarán.


Agregue el atributo frameBorder (tenga en cuenta el capital 'B' ).

Así se vería así:

<iframe src="myURL" width="300" height="300" frameBorder="0">Browser not compatible.</iframe>

Agregue el atributo frameBorder o use el estilo con el ancho de borde 0px ;, o establezca el estilo de borde igual a ninguno.

use cualquiera de debajo de 3:

<iframe src="myURL" width="300" height="300" style="border-width:0px;">Browser not compatible.</iframe>

<iframe src="myURL" width="300" height="300" frameborder="0">Browser not compatible.</iframe>

<iframe src="myURL" width="300" height="300" style="border:none;">Browser not compatible.</iframe>


Después de volverse loco tratando de eliminar el borde en IE7, encontré que el atributo frameBorder distingue entre mayúsculas y minúsculas.

Tienes que establecer el atributo frameBorder con una B mayúscula.

<iframe frameBorder="0" ></iframe>

Es simple simplemente agrega el atributo en la etiqueta iframe frameborder = 0 <iframe src="" width="200" height="200" frameborder="0"></iframe>


Intenté todo lo anterior y si eso no funciona para ti, prueba el siguiente CSS que resolvió el problema por mí. Lo que simplemente le dice a los navegadores que no agreguen ningún relleno o margen.

* {
  padding:0px;
  margin:0px;
 }

Para problemas específicos del navegador también agregue frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0" acuerdo con Dreamweaver:

<iframe src="test.html" name="banner" width="300" marginwidth="0" height="300" marginheight="0" align="top" scrolling="No" frameborder="0" hspace="0" vspace="0">Browser not compatible. </iframe>

Puedes usar style="border:0;" en su código iframe. Esa es la forma recomendada de eliminar el borde en HTML5.

Echa un vistazo a mi herramienta de generador de iframe html5 para personalizar tu iframe sin editar código.


Si el doctype de la página en la que está colocando el iframe es HTML5, entonces puede usar el atributo seamless así:

<iframe src="..." seamless="seamless"></iframe>

iframe


Si está utilizando el iFrame para ajustar el ancho y el alto de toda la pantalla, y supongo que no se basa en el tamaño de 300x300, también debe establecer los márgenes del cuerpo en "0", como en este

<body style="margin:0px;">

Tratar

<iframe src="url" style="border:none;"></iframe>

Esto eliminará el borde de su marco.


Utilice el atributo ifebrame frameborder HTML

http://www.w3schools.com/tags/att_iframe_frameborder.asp

Nota: use el orden del marco B (tapa B) para IE, de lo contrario no funcionará. Sin embargo, el atributo iframe frameborder no es compatible con HTML5. Por lo tanto, use CSS en su lugar.

<iframe src="http://example.org" width="200" height="200" style="border:0">

también puede eliminar el desplazamiento mediante el atributo de desplazamiento http://www.w3schools.com/tags/att_iframe_scrolling.asp

<iframe src="http://example.org" width="200" height="200" scrolling="no" style="border:0">

También puedes usar el atributo seamless que es nuevo en HTML5. El atributo continuo de la etiqueta iframe solo se admite en Opera, Chrome y Safari. Cuando está presente, especifica que el iframe debe verse como parte del documento que contiene (sin bordes ni barras de desplazamiento). A partir de ahora, el atributo transparente de la etiqueta solo se admite en Opera, Chrome y Safari. Pero en un futuro próximo será la solución estándar y será compatible con todos los navegadores. http://www.w3schools.com/tags/att_iframe_seamless.asp


también establece border = "0px"

 <iframe src="yoururl" width="100%" height="100%" frameBorder="0"></iframe>

La propiedad de estilo se puede usar para HTML5 si desea eliminar el cuerpo de su marco o cualquier cosa que pueda usar la propiedad de estilo. como se indica a continuación

El código va aquí

<iframe src="demo.htm" style="border:none;"></iframe>

<iframe src="mywebsite" frameborder="0" style="border: 0px solid white;">HTML iFrame is not compatible with your browser</iframe>

Este código debería funcionar tanto en HTML 4 como en 5.


iframe src="XXXXXXXXXXXXXXX"
marginwidth="0" marginheight="0" width="xxx" height="xxx"

Funciona con Firefox;)





noborder