"knyck" båda sidorna då ;)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Dreamweaverskolan, IFRAME i tabell</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-image: url(iframe_bakgrund2.jpg);
background-repeat: no-repeat;
background-position: center center;
}
-->
</style>
</head>
<body>
<table width="100%" height="100%" border="0">
<tr>
<td align="center" valign="middle"><iframe src="iframe-text_transparent2.htm" width="300" height="300" scrolling="auto" frameborder="0" allowtransparency="true"></iframe> </td>
</tr>
</table>
</body>
</html>
Och innehållet i iframen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>iframe-text</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="iframemall.css" rel="stylesheet" type="text/css">
</head>
<body style="background-color:transparent">
<p>I det här exemplet är IFRAME <strong>centrerad </strong>på
sidan <strong>både vertikalt och horisontellt</strong>. Det är gjort
genom att lägga IFRAME i en tabell där det angivits att <strong>bredd
och höjd på tabellen </strong>ska vara<strong> 100%</strong> och
<strong>cellens </strong>innehåll ska vara <strong>centrerat</strong>:</p>
<p><font color="#004080"><body><br>
<strong><table width="100%" height="100%" border="0"></strong><br>
<tr><br>
<strong><td align="center" valign="middle"><br>
</strong></font><font color="#004080"><font color="#0066CC"><iframe src="iframe-text.htm"
width="300" height="300" scrolling="auto" frameborder="0"
allowtransparency="true"></iframe><br>
</font></td><br>
</tr><br>
</table></font></p>
<p>Det här exemplet visar att det då går att anpassa en ram över
en bakgrundsbild <strong>utan att behöva dela upp bakgrundsbilden</strong>
som i traditionella ramar/frames. För att bakgrundsbilden också ska
vara centrerad och aldrig upprepas i bredd- eller höjdled används
<strong>CSS</strong> för att ge bakgrundsbilden egenskaperna <font color="#004080"><strong>no-repeat</strong></font>
och <font color="#004080"><strong>position: center</strong></font>.<font color="#004080"><strong>
</strong></font>Exemplet nedan visar koden för denna sida:</p>
<p><br>
<font color="#004080"><head><br>
<style type="text/css"><br>
<!--<br>
body {<br>
<strong>background-image: url(bakgrund.jpg);<br>
background-repeat: no-repeat;<br>
background-position: center center;</strong><br>
}<br>
--><br>
</style><br>
</head></font></p>
<p> </p>
<p>...och slutligen lite brödtext för att fylla ut IFRAME så att
du får scrolla i den:</p>
<p>En IFRAME (Inline Floating Frames) är en ram som är oberoende av
webläsarens fönster avseende storlek och placering. Ett vanligt frameset
består ju av två eller flera ramar som storleksmässigt anges
i pixlar, procent eller andel förhållande till fönsterstorleken.
<a href="../frames/frameindex.htm">Läs mer om Frames/Ramar här »</a>.
En IFRAME placeras i ett dokument men visar liksom Frames/Ramar innehållet
i ett annat källdokument. Den sida som ska visas i IFRAME är alltså
en annan HTML-sida som du förberett och sparat tidigare.</p>
<p>IFRAME kan placeras <strong>överlappande</strong> och kan ha även
ha en <strong>transparent bakgrund</strong>. OBS! Även om IFRAME är
standard från och med HTML 4 (<a href="http://www.w3.org" target="_blank">läs
mer på [url]www.w3c.org[/url]</a>) så är stödet begränsat i
andra webläsare än Internet Explorer. Överlappande IFRAME använder
attributet <font color="#004080"><strong>z-index</strong></font> vilket stöds
av IE 4 när det gäller Lager (layers). Z-index för IFRAME
stöds däremot bara av <strong>IE 5.5 och senare versioner</strong>.
Om webläsaren inte stöder IFRAME visas inget innehåll alls!</p>
</body>
</html>
Den första kan du döpa till vad du vill, den andra döper du till "iframe-text_transparent2.htm" eller ändrar till något mera lämpligt ;)
