HTML & CSSur HTML, XHTML & CSS
4 svar · 534 visningar · startad av MickeA.com
Hej
Som rubriken säger så undrar jag hur jag ska göra för att höjden på min iframe ska anpassas efter det som finns i iframen. Jag vill inte ha ngn scroll på den, utan att höjden ska öka desto mer innehåll det är i den. Om inte detta går, har ni ngra tips på hur jag kan lösa det här? Tack !
Re: Autohöjd på <iframe>
MickeA.com skrev:
Hej
Som rubriken säger så undrar jag hur jag ska göra för att höjden på min iframe ska anpassas efter det som finns i iframen. Jag vill inte ha ngn scroll på den, utan att höjden ska öka desto mer innehåll det är i den. Om inte detta går, har ni ngra tips på hur jag kan lösa det här? Tack !
Har man hört på maken.. :e
Att innehållet i framen bestämmer över framens storlek tvivlar jag på att det fungerar.
Det gör jag också, trodde egentligen inte att det skulle gå, men frågar man inte får man inget veta ;)
Det går, men med lite hjälp av javascript:
Sida1.html:
<iframe src="sida2.html" id="namn" style="border: 1px solid gray; width: 200px; height: 200px;">
</iframe>
Sida2.html:
<html>
<style>
body {border: none; } /* Snygga upp lite */
</style>
<script>
window.onload=function(){
try{ // Göm ev. felmeddelanden
parent.document.getElementById("namn").style.height = (document.body.scrollHeight + 15) + "px";
// Inget fel har inträffat, ta bort rullisterna.
document.body.style.overflow = "hidden";
}catch(e){;}
}
</script>
</head>
<body>
Text. Massa text. Textmassa. <br />
Text. Massa text. Textmassa. <br />
Text. Massa text. Textmassa. <br />
Text. Massa text. Textmassa. <br />
Text. Massa text. Textmassa. <br />
Text. Massa text. Textmassa. <br />
Text. Massa text. Textmassa. <br />
Text. Massa text. Textmassa. <br />
Text. Massa text. Textmassa. <br />
Text. Massa text. Textmassa. <br />
Text. Massa text. Textmassa. <br />
Text. Massa text. Textmassa. <br />
Text. Massa text. Textmassa. <br />
Text. Massa text. Textmassa. <br />
Text. Massa text. Textmassa. <br />
Text. Massa text. Textmassa. <br />
Text. Massa text. Textmassa. <br />
Text. Massa text. Textmassa. <br />
Text. Massa text. Textmassa. <br />
Text. Massa text. Textmassa. <br />
</body>
</html>
Weee...