html - los - quitar borde iframe
Eliminar borde de IFrame (23)
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 (Capital ''B'').
<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>
En su hoja de estilos agregue
{
padding:0px;
margin:0px;
border: 0px
}
Esta es también una opción viable.
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 eliminar el borde, puede usar la propiedad de borde CSS en none.
<iframe src="myURL" width="300" height="300" style="border: none">Browser not compatible.</iframe>
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.
Según la documentación de iframe , frameBorder está en desuso y es preferible utilizar el atributo CSS de "borde":
<iframe src="test.html" style="width: 100%; height: 400px; border: 0"></iframe>
- Tenga en cuenta que la propiedad de borde CSS no logra los resultados deseados en IE6, 7 u 8.
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>
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;">
También puedes hacerlo con JavaScript de esta manera. Encontrará todos los elementos de iframe y eliminará sus bordes en IE y otros navegadores (aunque solo puede establecer un estilo de "border: none;" en navegadores que no sean de IE en lugar de usar JavaScript). Y funcionará incluso si se usa DESPUÉS de que el iframe se genere y se coloque en el documento (p. Ej., Los iframes que se agregan en HTML simple y no en JavaScript).
Esto parece funcionar porque IE crea el borde, no en el elemento iframe como cabría esperar, sino en el CONTENIDO del iframe, una vez creado el iframe en la lista de materiales. ($ @ & * # @ !!! IE !!!)
Nota: la parte de IE solo funcionará (por supuesto) si la ventana principal y el iframe son del mismo origen (mismo dominio, puerto, protocolo, etc.). De lo contrario, el script obtendrá errores de "acceso denegado" en la consola de errores de IE. Si eso sucede, su única opción es configurarlo antes de que se genere, como han señalado otros, o usar el atributo frameBorder = "0" no estándar. (o simplemente deja que IE se vea feo - mi opción favorita actual;))
Me llevó MUCHAS horas de trabajo al punto de la desesperación para resolver esto ...
Disfrutar. :)
// =========================================================================
// Remove borders on iFrames
if (window.document.getElementsByTagName("iframe"))
{
var iFrameElements = window.document.getElementsByTagName("iframe");
for (var i = 0; i < iFrameElements.length; i++)
{
iFrameElements[i].frameBorder="0"; // For other browsers.
iFrameElements[i].setAttribute("frameBorder", "0"); // For other browsers (just a backup for the above).
iFrameElements[i].contentWindow.document.body.style.border="none"; // For IE.
}
}
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
Utilizar esta
style="border:none;
Ejemplo:
<iframe src="your.html" style="border:none;"></iframe>
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="URL" frameborder="0" width="100%" height="200">
<p>Your browser does not support iframes.</p>
</iframe>
<iframe frameborder="1|0">
(OR)
<iframe src="URL" width="100%" height="300" style="border: none">Your browser
does not support iframes.</iframe>
The <iframe> frameborder attribute is not supported in HTML5. Use CSS
instead.
<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;)