firefox will only display one iframe

**silverglade** · 07-28-2010, 04:09 AM

Hi, I'm trying to put multiple Iframes on my page, and Firefox won't display them. all but one. Internet explorer displays them all. I have a lot of divs I styled that i don't use now in the CSS, but I mainly styled the iframes now. Does anyone know what I can do to get my iframes to show up in firefox? Only the top left iframe shows up. Any advice greatly appreciated. Thanks . Derek

Here is the css

Code:

/*GAME PAGE STYLES////////////////////////////////////////////////////////////////*/

 
.scrolling_iframe {
    overflow-x: hidden;
overflow-y: scroll;
overflow-y:black;
 
}

#iframe_npc_center_top {
    margin: 10px auto 0 255px;
    position: absolute;
}

#iframe_npc_bottom_left {
     
    margin: 295px auto 0 0px; /*left is right*/
 position: absolute;
}

#iframe_player_top_left {
    margin: 0px auto 0 0px;
    position: absolute;
}
#iframe_player_center_bottom {
    margin: 450px auto 0 275px;
    position: absolute;
}
body {
    background-color: black;
}

.style4 {
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
    color: #FFD646;
}
.style5 {font-family: "Times New Roman", Times, serif}
.style6 {
    color: #000000;
    font-weight: bold;
}
#container{
margin: 0 auto 0 auto;
width: 1007px;
height: 578px;
background: url("../sundragon_interface_template/sundragon_interface_template_sample.jpg");
 
}

Code:

<?php
// include("connect1.php");
// include("bouncer.php"); // kicks the person off if session is not set, its the bouncer, big and fat man.






?>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Realm of the Sun Dragon</title>

<link rel="stylesheet" type="text/css" href="css/gamestyles.css">
<style type="text/css">


</style>
</head>

<body>

<div id="container">

 

<iframe id="iframe_player_top_left" src ="player_top_left.html" width="250" height="290" frameborder="0">
<p>Your browser does not support iframes.</p>
 

<iframe id="iframe_npc_bottom_left" src ="npc_bottom_left.html" width="230" height="270" frameborder="0">
<p>Your browser does not support iframes.</p>
 
 


 <iframe id="iframe_npc_center_top" class="scrolling_iframe" src ="npc_center_top.html" width="511" height="78"   scrolling="yes" frameborder="0">
<p>Your browser does not support iframes.</p>
 


 




 
<iframe id="iframe_player_center_bottom" class="scrolling_iframe" src ="player_center_bottom.html" width="490" height="82" frameborder="0">
<p>Your browser does not support iframes.</p>
 




 
<div id="left_dragon"></div>
 
<div id="right_dragon"></div>


 












</div><!--end container-->
</body>
</html>

**MapMaster** · 07-28-2010, 08:21 AM

You have to close <iframe> tag by </iframe> in each case at your page