Hvordan du justerer størrelsen på iFrame i Firefox

Mozillas Firefox nettleser har evnen til å vise en iframe i innholdet ditt, men problemet er at Firefox ikke ærer 100 prosent bredde og høyde attributter du kan sette i iframe tag. Disse dimensjonene er vanligvis brukes når du ikke vil at den vanlige utseendet på en innebygd ramme, men i stedet må den innebygde nettsted for å dukke opp som en hel side på nettstedet ditt. Ved hjelp av Cascading Style Sheets (CSS) kan du lage regler som justerer størrelsen på iframe i Firefox.

Bruksanvisning

1 Start din tekst editor program og ta opp nettsiden dokumentet som inneholder iframe.

2 Plasser markøren før den avsluttende </ head> -taggen og skriver dette CSS:
<Style type = "text / css">
html, kropp, div, iframe {}
iframe {}
</ Style>

Ved å opprette en regel for alle de viktigste HTML-elementer, slik som html og kropp, i tillegg til iframe du sikre Firefox følger dine bredde og høyde spesifikasjoner.

3 Plasser markøren i "html, kropp, div, iframe" regel og skriv "margin: 0px; padding: 0px; height: 100%;" som så:
html, kropp, div, iframe {margin: 0px; padding: 0px; height: 100%; }

Denne stilen krefter Firefox for å justere størrelsen på iframe.

4 Plasser markøren i iframe regelen og skriv "display: block; width: 100%; border: none;" å støtte høyden spesifikasjonen i Firefox. Din komplette CSS ser nå slik ut:
<Style type = "text / css">
html, kropp, div, iframe {margin: 0px; padding: 0px; height: 100%; }
iframe {display: block; width: 100%; border: none; }
</ Style>

5 Skriv en åpning "<div>" tag før HTML iframe-koden, og angi en avsluttende "</ div>" etter "</ iframe>" tag. Å illustrere:
<Div>
<Iframe src = "http: //www.site.com&quot;>
<P> Dette er teksten. </ P>
</ Iframe>
</ Div>

6 Type "width =" og "height =" i iframe tag og skriv "100%" for begge oppføringer. Din komplette HTML iframe-koden er nå følgende:
<Div>
<Iframe src = "http: //www.site.com&quot; width =" 100% "height =" 100% ">
<P> Dette er teksten. </ P>
</ Iframe>
</ Div>

7 Lagre filen.