iframe not showing on mozilla browsers but showing in chrome
I am using iframe to place a shout box in my site for visitors. As I am using my own computer as a web server I decided to place the shout box in another hosting because when my server got down at least mt shout box stays there to communicate with users.
So I placed this here: http://dnetbd.com and attached that in my site with iframe
the shoutbox iframe works on every browser made with chromium but not works on any single mozilla platform, I have tried firefox and waterfox as well.. It's not working. Can anyone please tell me why it's happening?
All Replies (2)
here is the code which is working just fine with the same url:
<head>
<style type="text/css">
body {scrolling:no;
}
iframe {position:absolute;
z-index:1;
top:0px;
left:0px;
}
</style>
</head>
<body>
<iframe src="http://dnetbd.com/request_box/" height="100%" width="100%" frameborder="0"></iframe>
</body>
but when I put this code in my site for z-index 1 the other links not works so I changed the width value and position as fixed, now the code which is not working on mozilla and working on all chromium is:
<!DOCTYPE html>
<html>
<style type="text/css">
body {scrolling:no;
}
iframe {position:fixed;
z-index:1;
top:-0px;
left:1050px;
overlay:none;
}
</style>
<body>
<iframe src="http://dnetbd.com/request_box/" height="100%" width="-30px" frameborder="0"></iframe>
</body>
</html>
Modified by cor-el
If you specify height="100%" width="100%" then this would mean that the iframe takes the full window size and thus makes it impossible to click through on links under it. Why don't you specify the real dimensions of that pop-up for the width and height?
You can check this in the Inspector via the right-click context menu.