Slik formaterer du en nettside som skal vises med en iFrame

Ved å bruke en iframe kan du legge inn dynamisk innhold på en nettside. Hvis du for eksempel har en kalender som du vil oppdatere ofte på en side som er vanskeligere å modifisere, gjør det mulig med en iframe. Når du lager innhold for en iframe, kan du bruke en relativ størrelse (en prosentandel) eller en bestemt størrelse (en pikselbredde). Tilnærmingen du tar, vil avhenge av iframe og nettsiden som inneholder iframe.

1.

Angi bredden på dokumentet du vil vise i en iframe hvis du vil ha en bestemt bredde. En måte å gjøre dette på er å bruke en beholder for innholdet og angi bredden:

En annen måte å oppnå det samme resultatet på er å bruke CSS til å definere bredden på dokumentlegemet: Hvis du bruker en prosentandel, vil innholdet endre størrelsen slik at den passer til bredden på iframe, og den vil utvide for å fylle prosentandelen av nettleseren hvis sett utenfor rammen. For eksempel kan du sette en iframe til å være 90 prosent av bredden til en brukers nettleser, og deretter sette innholdet i iframe til 90 prosent av iframebredden.

2.

Lagre HTML-siden med innholdet i rammen din og last den opp til webserveren din.

3.

Opprett din innebygde iframe og definer dens bredde. Du kan også spesifisere høyden, om rammen har en ramme og forskjellige andre elementer ved hjelp av CSS. Som et eksempel kan koden for en iframe satt til 90 prosent av sidebredden og 500 piksler høye se noe ut som dette:

Legge til kontekst til iframe hjelper brukere som ikke har nettlesere som støtter iframes og andre ved hjelp av skjermlesere som kanskje ikke kan vise iframes.

4.

Lagre siden din og vis den i nettleseren din for å sikre at alt vises som ønsket.

 

Legg Igjen Din Kommentar