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>
|
