Come per regolare le dimensioni di iFrame in Firefox

August 24

il browser Mozilla Firefox è in grado di visualizzare un iframe all'interno del tuo contenuto, ma il problema è che Firefox non onora la larghezza 100 per cento e gli attributi di altezza è possibile impostare nel tag iframe. Queste dimensioni sono in genere utilizzati quando non si desidera che il solito aspetto di un frame in linea, ma invece necessario il sito integrato di presentarsi come una pagina intera sul tuo sito. Utilizzando Cascading Style Sheets (CSS) è possibile creare regole che regolano la dimensione del iframe in Firefox.

istruzione

1 Avviare il programma di editor di testo e aprire il documento sito Web che contiene l'iframe.

2 Posizionare il cursore prima del tag di chiusura </ head> e digitare questo CSS:
<Style type = "text / css">
html, corpo, div, iframe {}
iframe {}
</ Style>

Con la creazione di una regola per tutti i principali elementi HTML, come ad esempio il codice HTML e il corpo, oltre al iframe si assicura Firefox segue la larghezza e altezza specifiche.

3 Posizionare il cursore nella "html, corpo, div, IFRAME" regola e inserire "margin: 0px; padding: 0px; height: 100%;" così:
html, corpo, div, iframe {margin: 0px; padding: 0px; height: 100%; }

Questo forze stile di Firefox per regolare la dimensione del vostro iframe.

4 Posizionare il cursore nella regola iframe e digitare "display: block; width: 100%; border: none;" per supportare la specifica altezza in Firefox. La vostra completa CSS ora assomiglia a questo:
<Style type = "text / css">
html, corpo, div, iframe {margin: 0px; padding: 0px; height: 100%; }
iframe {display: block; width: 100%; border: none; }
</ Style>

5 Digitare una apertura "<div>" tag prima che il codice iframe HTML e inserire una chiusura "</ div>" dopo il tag "</ iframe>". Illustrare:
<Div>
<Iframe src = "http: //www.site.com&quot;>
<P> Questo è il testo. </ P>
</ Iframe>
</ Div>

6 Tipo "width =" e "height =" nel tag iframe e immettere "100%" per entrambe le voci. Il tuo codice completo iframe HTML è ora la seguente:
<Div>
<Iframe src = "http: //www.site.com&quot; width =" 100% "height =" 100% ">
<P> Questo è il testo. </ P>
</ Iframe>
</ Div>

7 Salvare il file.