Trouble With Bredder i iFrame

August 24

Den innebygde rammen, eller iFrame, fungerer som et vindu fra websiden til innholdet på en annen webside eller online ressurs. Mange nettredaktører bruke iframes å vise innhold som videoklipp, reklame eller tredjepartsprogrammer. Fordi iFrames stole på innhold som ligger andre steder, kan bredden på tredjeparts objekt noen ganger føre iFrame skjermproblemer på ditt nettsted.

IFrame HTML kode

For å vise innhold i en iFrame på en webside, må du inneholde Hypertext Markup Language eller Javascript-kode for objekt i iFrame-koder. Åpningen "<iframe>" HTML-koden indikerer starten av iFrame-kode og den avsluttende "</ iframe>" tag betegner slutten av iFrame-koden. Koden mellom de to kodene inkluderer hyperkobling og vise instruksjoner for tredjeparts innhold som du vil vise på siden din.

IFrame Bredde Problemer

Legge til innhold i en iFrame objekt, snarere enn hosting og sourcing innholdet fra din egen side, kan noen ganger føre til skjermproblemer, spesielt med bredden på iFrame. Hvis det koblede innholdet er for bred for iFrame på siden din, kan en unngå rullefelt vises nederst på rammen. Alternativt, hvis siden din er satt opp til ikke å vise iFrame rullefelt, vil iFrame savne noe av innholdet, slik at besøkende finner visning objektet vanskelig.

Feilsøking: Endre størrelsen på kildeobjektet

Mange tredjeparts innholdsleverandører og online video-deling nettsteder som tillater innebygging tilbyr innretningen av å endre størrelse på kildeobjektet slik at den passer inn i iFrame på websiden. For eksempel, når du bygger inn et videoklipp til YouTube "Share" verktøyet, kan du velge ønsket størrelse for videoklippet som YouTube viser på en iframe på websiden. Hvis du støter på iFrame problemer bredde, velger du en mindre skjermstørrelsen når du konfigurerer videoklippet eller annen tredjeparts objektets koden.

Feilsøking: Endre størrelsen på iFrame

Ikke alle tredjeparts innholdsleverandører lar deg endre størrelsen på kildeobjektet. Den andre måten å feilsøke iFrame bredde problemene er å angi bredden og høyden av iFrame i skjermen pikselstørrelse i HTML-koden på websiden. Men for å unngå uønskede rullefelt eller ukorrekt visning innhold, må du likevel sørge iFrame på siden din er bredere enn tredjeparts objekt. Åpne websiden som inneholder iFrame i din vanlige web-design eller HTML-redigering program. Alternativt kan du også bruke Notepad ren tekst editor. Finn den eksisterende åpningen "<iframe>" tag. Legg bredde og høyde attributter for å sikre iframe-skjermer i riktig størrelse på siden din. Koden bør ligne på følgende kode, men med din egen høyde og bredde verdier spesifisert:

Angi den eksakte bredden på iFrame tillater presis design på siden. Men hvis du er usikker på størrelsen på tredjeparts objekt, bruker "width =" 100% "i stedet, fordi dette utvider iFrame å innlemme størrelsen på det koblede innholdet automatisk.