Tecnología

Inicio

Problemas con anchos de iFrame

El marco en línea, o iFrame, actúa como una ventana de su página web con el contenido de otra página web o recursos en línea. Muchos webmasters utilizan iFrames para mostrar el contenido como videoclips, anuncios o aplicaciones de terceros. Debido a iFrames se basan en el contenido alojado en otro lugar, el ancho del objeto de terceros a veces puede causar problemas de visualización iFrame en su página web.

IFrame Código HTML

Para mostrar el contenido en un marco flotante en una página web, es necesario para contener el código de lenguaje de marcado de hipertexto o JavaScript para el objeto dentro de etiquetas iFrame. La apertura "<iframe>" etiqueta HTML indica el inicio del código iFrame y el cierre "</ iframe>" etiqueta indica el final del código iFrame. El código entre las dos etiquetas incluye las instrucciones de hipervínculo y visualización para el contenido de terceros que desea mostrar en su página.

IFrame Problemas Ancho

Adición de contenido dentro de un objeto iframe, en lugar de alojamiento y que obtienen su contenido desde su propio sitio, a veces puede causar problemas de visualización, en particular con la anchura del marco flotante. Si el contenido de dichos enlaces es demasiado ancho para el marco flotante en su página, una barra de desplazamiento antiestética puede aparecer en la parte inferior del marco. Alternativamente, si la página está configurado para no mostrar las barras de desplazamiento iFrame, el marco flotante se perderá algunos de los contenidos, de manera que el visitante se encuentra con el objeto de visualización difícil.

Solución de problemas: Cambio del tamaño del objeto de origen

Muchos proveedores de contenidos de terceros y sitios para compartir videos en línea que permiten la incorporación ofrecen la posibilidad de cambiar el tamaño del objeto de origen para que se ajuste dentro del marco flotante en su página web. Por ejemplo, cuando incrusta un videoclip con la herramienta de YouTube "Compartir", puede seleccionar su tamaño preferido para el clip de vídeo de YouTube que muestra en un iFrame en su página web. Si se encuentra con problemas iframe width, seleccione un tamaño de pantalla más pequeña cuando se configura el videoclip o código de inserción de otro objeto de terceros.

Solución de problemas: Cambio del tamaño del marco flotante

No todos los proveedores de contenidos de terceros permiten cambiar el tamaño del objeto de origen. La otra manera de solucionar los problemas de ancho de iFrame es para especificar el ancho y la altura del marco flotante en resolución de pantalla que en el código HTML de la página Web. Sin embargo, para evitar las barras de desplazamiento no deseados o contenido que se muestra de forma incorrecta, aún debe asegurar la iFrame en su página es más ancha que el objeto de terceros. Abra la página Web que contiene el marco flotante en su programa de diseño web o de edición de HTML habitual. Alternativamente, también puede utilizar el editor de texto sin formato Bloc de notas. Encuentra la abertura existente etiqueta "<iframe>". Añadir atributos de anchura y altura para asegurar las pantallas iFrame con el tamaño correcto en su página. El código debe ser similar al siguiente código, pero con sus propios valores de altura y anchura especificadas:

<Iframe src = "http://www.example.com/linked-third-party-content.html&quot; WIDTH = 400 HEIGHT = 300> </ iframe>

Definición de la anchura exacta del marco flotante permite el diseño exacta en la página. Sin embargo, si no está seguro del tamaño del objeto de terceros, utilice "width =" 100% "en su lugar, porque esto amplía el marco flotante para incorporar el tamaño del contenido de dichos enlaces automáticamente.