Alright, so. I'm in the middle of working on a website and for some reason I can't get the iframes to autoresize based upon content. As far as I know it has been accomplished using a Jquery Plugin. If you can find error in this code please let me know.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script>
$(document).ready(function () {
$('iframe').iframeAutoHeight({debug: true});
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="head-container">
<div id="logo">
<p>Logo Here</p>
<p>Logo Here.</p>
</div>
</div>
<div id="body-container">
<div id="nav-container">
<div id="navbar">Home</div>
<div id="body-content"><iframe src="forum/index.php" class="auto-height" scrolling="no" frameborder="0"></iframe>
<script>
$('iframe.auto-height').iframeAutoHeight({minHeight: 240});
</script></div>
</div>
</div>
</body>
</html>
Okay, so I found one edit, but it still doesn't seem to be fixing my issue.
Code:
$('iframe.auto-height').iframeAutoHeight({minHeight: 240});
Was changed to
Code:
JQuery('iframe').iframeAutoHeight({minHeight: 240});
Unfortunately this does not fix the issue, so we now know it's not because it wasn't targeting it correctly.