Cómo ajustar el tamaño del marco flotante en Firefox

el navegador Firefox de Mozilla tiene la capacidad de mostrar un iframe dentro de su contenido, pero el problema es que Firefox no respeta el ancho de 100 por ciento y los atributos de altura se puede establecer en la etiqueta iframe. Estas dimensiones se utilizan normalmente cuando no se desea que el aspecto habitual de un marco en línea, sino que necesita el sitio web incorporado para aparecer como una página entera en su sitio. Utilización de hojas de estilo en cascada (CSS) puede crear reglas que se ajustan al tamaño del marco flotante en Firefox.

Instrucciones

1 Poner en marcha su programa de edición de texto y abrir el documento de página web que contiene el iframe.

2 Coloque el cursor antes de la etiqueta de cierre </ head> y escriba este CSS:
<Style type = "text / css">
html, cuerpo, div, iframe {}
iframe {}
</ Style>

Al crear una regla para todos los principales elementos HTML, como el HTML y el cuerpo, además del marco flotante se asegura de Firefox sigue las especificaciones de su anchura y altura.

3 Coloque el cursor en el "html, cuerpo, div, iframe" regla e introduzca "margen: 0px; padding: 0px; altura: 100%;" al igual que:
html, cuerpo, div, iframe {margin: 0px; padding: 0px; altura: 100%; }

Este estilo fuerzas de Firefox para ajustar el tamaño de su marco flotante.

4 Coloca el cursor en la regla iframe y el tipo "display: block; width: 100%; border: none;" para apoyar la especificación de altura en Firefox. Su CSS completa ahora se ve así:
<Style type = "text / css">
html, cuerpo, div, iframe {margin: 0px; padding: 0px; altura: 100%; }
iframe {display: block; width: 100%; border: none; }
</ Style>

5 Escriba una abertura "<div>" etiqueta antes del código HTML iframe e introduzca un cierre "</ div>" después de la etiqueta "</ iframe>". Para ilustrar:
<Div>
<Iframe src = "http: //www.site.com&quot;>
<P> Este es el texto. </ P>
</ Iframe>
</ Div>

6 Tipo "width =" y "height =" en la etiqueta iframe e introduzca "100%" para ambas entradas. Su completa código HTML iframe es ahora el siguiente:
<Div>
<Iframe src = "http: //www.site.com&quot; width =" 100% "height =" 100% ">
<P> Este es el texto. </ P>
</ Iframe>
</ Div>

7 Guarde el archivo.