Very, very strangely working iframe.
-
What's the point?
We press the pink trail.
<?php include_once '../scripts/php/conf.php'; ?><!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>News</title><link rel="stylesheet" href="../scripts/css/news.css"/> <link rel="stylesheet" href="../scripts/css/stylesheet.css"/> <link rel="stylesheet" href="../scripts/css/jquery.jscrollpane.css"/> <script type="text/javascript" src="../scripts/js/jquery-1.6.1.min.js"></script> <script type="text/javascript" src="../scripts/js/jquery.mousewheel.js"></script> <script type="text/javascript" src="../scripts/js/jquery.jscrollpane.js"></script> <style type="text/css"> body { overflow-x: hidden; overflow-y: hidden; font-family: 'pixel'; } .scroll-pane { position: absolute; top: 0px; left: 30%; width: 70%; height: 100%; overflow: auto; background-color: #828898; } </style> <script type="text/javascript"> function openBand(URL) { var content = window.top.document.getElementById('content'); content.src = URL; content.style.display = 'block'; } </script> </head> <body> <?php $q = "SELECT * FROM `bands` ORDER BY `id` DESC LIMIT 5"; $result = mysql_query($q); echo '<div class="scroll-pane">'; while($row = mysql_fetch_array($result)) { $block = ' <div class="block"> <img src="../bands/'.$row['band'].'/logo.jpg"> <div></div><p>'.$row['band'].'</p> <span>Added a new album, just click to see the blades</span><br> <a href="#" onClick="openBand(\'http://localhost/NetFM/bands/'.$row['band'].'/'.$row['band'].'.php\')">...</a> </div>'; echo $block; } echo ' </div> <script type="text/javascript"> jQuery(function() { jQuery(\'.scroll-pane\').jScrollPane(); }); </script>'; ?> </body></html>
Iframe is downloaded.
and happens:
The whole top line disappears.
How? ?
-
Corrected
position: fixed;for
iframe
