Firefox Iframe Begrensninger

Iframes, eller interne rammer, er en type ramme som viser en side i en side på nettstedet ditt. Selv iframe-koder er ofte beregnet for bruk med Internet Explorer, kan du legge dem til webområdet ditt for å arbeide med en rekke nettlesere, inkludert Firefox. Men bør du sørge for å bruke riktig kode og følge standarder slik at de iframes vises riktig.

Basic-kode

Den grunnleggende iframe-koden, som er kompatibel med Firefox, krever at du oppgir webadressen til websiden som du ønsker å vise i rammen. Eksempel syntaks er som følger:

<Iframe src = "/side.html"> </ iframe>

Vanligvis iframe-koden inneholder også dimensjoner slik at iframes vises innenfor bestemte bredder og høyder, og ikke tar opp hele siden. Når du setter høyder og bredder, kan du bruke en iframe for å vise innhold over bakgrunnen på siden eller til og med legge til flere iframes. Den følgende koden gjør en liten ramme med en bredde på 400 piksler og en høyde på 200 piksler.

<Iframe src = "/side.html" height = "200" width = "400"> </ iframe>

styling

Hvis du bruker CSS, kan du legge stiler og atferd til dine iframes som skal vises i Firefox og andre nettlesere. For eksempel kan du endre den grunnleggende rammen til en som er mer estetisk tiltalende. Du kan også bruke CSS til å angi bredden og høyden, snarere enn vanlig HTML. Betrakt følgende eksempel, som produserer en solid rød ramme rundt rammen.

<Iframe src = "/side.html" style = "border: 1px solid rød, bredde: 200; height: 200;"> </ iframe>

I tillegg til dette, kan du bruke CSS til å fjerne grensen, i stedet for å bruke "grensen" eiendom i koden. Mens denne egenskapen vil fungere i Firefox, kan du bare ønsker å fjerne styling fra markup.

<Iframe src = "/side.html" style = "border: 0; width: 200, høyde: 200;"> </ iframe>

betraktninger

Når du blir vant til å arbeide med Internet Explorer, kan du bruke verktøy som CSS filtre, som ikke fungerer med Firefox. Filtre har blitt brukt til å lage en gjennomsiktig bakgrunn eller en drop-skygge effekt, for eksempel. Vanligvis kan du bruke CSS i stedet for nettleserspesifikke filtre for å oppnå samme effekt. Dette er tilfellet med å lage en gjennomsiktig bakgrunn for iframe din som i følgende kode:

<Iframe src = "/side.html" style = "opacity: 0; filter: alpha (opacity = 0);" src = "/side.html"> </ iframe>

Advarsel

Hvis du har lyst til å validere iframe-koden for å sørge for at det følger webstandarder, må du bruke anførselstegn. Hvis du validere din markup til HTML 4.01 standard, "<center>" tag vil ikke arbeide for å sentrere en iframe. I stedet må du legge til CSS eiendom "margin: auto" til din iframe.