Logga in
Prova att bläddra i IFRAME nedan:
IFRAME (Inline Frame) är en ram som är oberoende av webbläsaren avseende storlek och placering. IFRAME placeras i ett dokument men visar innehållet från ett annat källdokument. Den sida som ska visas är alltså en annan sida som infogas i IFRAME. Om webbläsaren inte stöder IFRAME visas inget innehåll alls. IFRAME kan placeras överlappande och kan ha även ha en transparent bakgrund. Överlappande IFRAME använder attributet Z-INDEX
Du definierar en IFRAME med märket <IFRAME> där du också anger vilken sida som ska visas i IFRAME.
Attribut som kan användas är:
Så här kan det se ut i webbläsaren:
Klicka här för
att se exemplet ovan 
Placeringen av en IFRAME i förhållande till webbläsarfönstret gör du exakt genom att använda boxar <DIV> eller tabeller. Läs mer i guiderna CSS-positionering » och Tabeller - Tables »
Att lägga innehållet i en tabellcell ger bra möjligheter att placera annat text- och bildinnehåll bredvid innehållet i en IFRAME men i samma tabell. Exemplet nedan visar en tabell med 1 rad och 3 kolumner där IFRAME finns i den mellersta cellen.
Så här kan det se ut i webbläsaren:
Klicka här för
att se exemplet ovan
Vill du ha din IFRAME centrerad vertikalt och horisontellt så att den alltid ligger mitt i webbläsarens fönster kan du lägga IFRAME i en tabell. Tabellen har 1 rad och 1 kolumn och är 100% i både bredd och höjd och tabellcellens innehåll är centrerat. I exemplet nedan ligger IFRAME i en tabell som består av endast 1 rad och 1 kolumn:
Så här kan det se ut i webbläsaren:
Klicka här för
att se exemplet ovan
IFRAME kan ha egenskapen transparens (opacitet) och visa innehållet som finns bakom ramen. För att det ska fungera måste du ange transparens på två ställen.
I koden som anger IFRAME måste attributet allowtransparency="true" finnas med:
Sidan som ska visas i IFRAME får inte ha en bakgrund eller bakgrundsfärg. Du kan använda attributet style="background-color:transparent" inom <BODY>:
Så här kan det se ut i webbläsaren:
Klicka här
för att se exemplet ovan
IFRAME kan ha egenskapen Alpha (opacitet) och visa innehållet som finns bakom ramen. Det finns en nackdel med filtret Alpha och det är att även innehållet på sidan blir genomskinligt.
IFRAME kan ha attributet STYLE för att ange opacitet:
Så här kan det se ut i webbläsaren:
Klicka
här för att se exemplet ovan
Att länka till en IFRAME fungerar likadant som att länka till en ram i ett Frameset. Målet (_target) för länken är detsamma som ramens namn vilket i detta fall är namnet på IFRAME som tex: name="iframe"
Prova länkarna nedan som öppnar sidor i 3 olika IFRAME:
Koden för länken som öppnar en sida i IFRAME kan se ut så här:
Målet för länken är namnet på den IFRAME du vill att sidan ska öppnas i som i exemplet nedan:
Med hjälp av CSS kan du formatera IFRAME. Läs mer om CSS i guiden CSS - Stilmallar »
En formatering kan gälla kantlinjer och bläddringslister. I alla exemplen nedan är kantlinjen borttagen med attributet frameborder="0" så att CSS-formateringen gäller före IFRAME attributet.
Exempel på CSS-formatering ser du nedan. Grundkoden för exemplen nedan är:
| (ingen CSS-formatering) | style="border-top: 1px solid
#CC6630; border-bottom: 1px solid #CC6630;" |
style="border: 1px dotted #CC3366;" |
| style="border: 1px solid #6699FF;" | style="border: 1px solid #666666;" | style="border: 7px double #ACBBEC;" |
skriv ut »