jmanwarhammer
02-11-2009, 01:20 PM
Quite simply Firefox is failing to interpret my src attribute correctly.
Here is the relevant code:
HTML
----------------------------------
<!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" xml:lang="en" >
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>ArmyHonor.com- Home of the Army Honor Squad</title>
<script type="text/javascript"></script>
<style type="text/css" media="all">
@import "globalstyle.css";
</style>
</head>
<body>
<div align="center">
<div id="column">
<div id="banner"></div>
<iframe src="./updateable/navigation.htm" id="navigationbar" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</body>
</html>
CSS
-------------------------
#navigationbar {
margin: 0px;
padding: 0px;
width: 760px;
height: 800px;
border: none;
overflow: hidden; }
Many of the attributes are temporary; used as space fillers till a more permanent solution can be implemented (i.e align="center", height: 800px, etc.).
The iframe displays flawlessly in IE but in Firefox it shows the attached screen, regardless of the actual value of src (I even tried setting it to http://www.google.com).
To make sure that I wasn't going crazy and to check that it wasn't an error with Firefox I added another iframe at the bottom and it showed up with no problems. I'll add it here in the event its relevant...
<!-- Start GameTracker Banner -->
<iframe src="http://cache.www.gametracker.com/components/html0/?host=216.6.235.127:1716&bgColor=333333&titleBgColor=222222&borderColor=555555&fontColor=CCCCCC&titleColor=FF9900&linkColor=FFCC00&borderLinkColor=222222&showMap=1&showCurrPlayers=1&showTopPlayers=1&showBlogs=0&width=200&height=548" frameborder="0" scrolling="no" width="200" height="548"></iframe>
<!-- End GameTracker Banner -->
I've tried many different possible file paths and none of them work. The only way to get the iframe to show up in Firefox is to actually put it in the same folder as the page its in. But the problem with that is that I need the iframe to be referenced by other pages on the site and for maintenance purposes I would rather not have to recreate the iframe across all the necessary folders of the website. I also tried an <object><embed> solution that got the page to show up in both browsers but in IE it ignored the target attribute I had set and always opened links inside the object.
I'm relatively new at web development and at this point I am officially stumped so I now turn to the masters of WebDeveloper.com in the hope that they may share some of their wisdom with me.
Here is the relevant code:
HTML
----------------------------------
<!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" xml:lang="en" >
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>ArmyHonor.com- Home of the Army Honor Squad</title>
<script type="text/javascript"></script>
<style type="text/css" media="all">
@import "globalstyle.css";
</style>
</head>
<body>
<div align="center">
<div id="column">
<div id="banner"></div>
<iframe src="./updateable/navigation.htm" id="navigationbar" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</body>
</html>
CSS
-------------------------
#navigationbar {
margin: 0px;
padding: 0px;
width: 760px;
height: 800px;
border: none;
overflow: hidden; }
Many of the attributes are temporary; used as space fillers till a more permanent solution can be implemented (i.e align="center", height: 800px, etc.).
The iframe displays flawlessly in IE but in Firefox it shows the attached screen, regardless of the actual value of src (I even tried setting it to http://www.google.com).
To make sure that I wasn't going crazy and to check that it wasn't an error with Firefox I added another iframe at the bottom and it showed up with no problems. I'll add it here in the event its relevant...
<!-- Start GameTracker Banner -->
<iframe src="http://cache.www.gametracker.com/components/html0/?host=216.6.235.127:1716&bgColor=333333&titleBgColor=222222&borderColor=555555&fontColor=CCCCCC&titleColor=FF9900&linkColor=FFCC00&borderLinkColor=222222&showMap=1&showCurrPlayers=1&showTopPlayers=1&showBlogs=0&width=200&height=548" frameborder="0" scrolling="no" width="200" height="548"></iframe>
<!-- End GameTracker Banner -->
I've tried many different possible file paths and none of them work. The only way to get the iframe to show up in Firefox is to actually put it in the same folder as the page its in. But the problem with that is that I need the iframe to be referenced by other pages on the site and for maintenance purposes I would rather not have to recreate the iframe across all the necessary folders of the website. I also tried an <object><embed> solution that got the page to show up in both browsers but in IE it ignored the target attribute I had set and always opened links inside the object.
I'm relatively new at web development and at this point I am officially stumped so I now turn to the masters of WebDeveloper.com in the hope that they may share some of their wisdom with me.