I have recently created a webpage for a school project (coded in microsoft frontpage), and much to my dismay, it does not display correctly in the firefox browser.
How it displays in firefox:
[URL=http://img292.imageshack.us/my.php?image=ffjw6.jpg][IMG]http://img292.imageshack.us/img292/5200/ffjw6.th.jpg
How it displays in internet explorer (the way it should look):
[URL=http://img292.imageshack.us/my.php?image=iexe4.jpg][IMG]http://img292.imageshack.us/img292/8373/iexe4.th.jpg
Any help would be excellent
Source code:
[code]
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″><title>Team
236</title>
<script type=”text/javascript” src=”styleswitcher.js”></script>
<link rel=”stylesheet” type=”text/css” href=”stylesheet-blue.css” title=”blue”/>
<link rel=”alternate stylesheet” type=”text/css” href=”stylesheet-green.css” title=”green” />
<link rel=”alternate stylesheet” type=”text/css” href=”stylesheet-red.css” title=”red” />
<script language=”JavaScript”>
<!–
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// –>
</script>
</head>
<body onload=”FP_preloadImgs(/*url*/’images/background-blue.jpg’,/*url*/’images/background-green.jpg’,/*url*/’images/background-red.jpg’)”>
<!–Stylesheet change links–>
<div style=”position: absolute; top: 5; right: 5″>
<a href=”#” onclick=”setActiveStyleSheet(‘blue’); return false;”>Blue</a>
<a href=”#” onclick=”setActiveStyleSheet(‘green’); return false;”>Green</a>
<a href=”#” onclick=”setActiveStyleSheet(‘red’); return false;”>Red</a>
</div>
<!–Home Button–>
<div id=”button 1″ style=”position: absolute; top: 250; left: 125″>
<p><a href=”index.htm”>
<img border=”0″ id=”img1″ src=”images/button1-home.gif” height=”30″ width=”95″ alt=”Home” onmouseover=”FP_swapImg(1,0,/*id*/’img1′,/*url*/’images/button1-home-over.gif’)” onmouseout=”FP_swapImg(0,0,/*id*/’img1′,/*url*/’images/button1-home.gif’)” onmousedown=”FP_swapImg(1,0,/*id*/’img1′,/*url*/’images/button1-home-over.gif’)” onmouseup=”FP_swapImg(0,0,/*id*/’img1′,/*url*/’images/button1-home.gif’)”></a></p>
</div>
<!–Team Info Button–>
<div id=”button 2″ style=”position: absolute; top: 250; left: 225;”><p>
<a href=”team_info.htm”>
<img id=”img2″ src=”images/button1-info.gif” border=”0″ height=”30″ width=”95″ alt=”Team Info” onmouseover=”FP_swapImg(1,0,/*id*/’img2′,/*url*/’images/button1-info-over.gif’)” onmouseout=”FP_swapImg(0,0,/*id*/’img2′,/*url*/’images/button1-info.gif’)” onmousedown=”FP_swapImg(1,0,/*id*/’img2′,/*url*/’images/button1-info-over.gif’)” onmouseup=”FP_swapImg(0,0,/*id*/’img2′,/*url*/’images/button1-info.gif’)”></p>
</a>
</div>
<!–Roster Button–>
<div id=”button 3″ style=”position: absolute; top: 250; left: 325;”><p>
<a href=”roster.htm”>
<img border=”0″ id=”img3″ src=”images/button1-roster.gif” height=”30″ width=”95″ alt=”Roster” onmouseover=”FP_swapImg(1,0,/*id*/’img3′,/*url*/’images/button1-roster-over.gif’)” onmouseout=”FP_swapImg(0,0,/*id*/’img3′,/*url*/’images/button1-roster.gif’)” onmousedown=”FP_swapImg(1,0,/*id*/’img3′,/*url*/’images/button1-roster-over.gif’)” onmouseup=”FP_swapImg(0,0,/*id*/’img3′,/*url*/’images/button1-roster.gif’)”></p>
</a>
</div>
<!–First Info Button–>
<div id=”button 4″ style=”position: absolute; top: 250; left: 425;”><p>
<a href=”first_info.htm”>
<img border=”0″ id=”img4″ src=”images/button1-firstinfo.gif” height=”30″ width=”95″ alt=”First Info” onmouseover=”FP_swapImg(1,0,/*id*/’img4′,/*url*/’images/button1-firstinfo-over.gif’)” onmouseout=”FP_swapImg(0,0,/*id*/’img4′,/*url*/’images/button1-firstinfo.gif’)” onmousedown=”FP_swapImg(1,0,/*id*/’img4′,/*url*/’images/button1-firstinfo-over.gif’)” onmouseup=”FP_swapImg(0,0,/*id*/’img4′,/*url*/’images/button1-firstinfo.gif’)”></p>
</a>
</div>
<font face=”Trebuchet MS” color=”#333333″ size=”1″>
<!–Upcoming Events Box–>
<div style=”position: absolute; top: 290px; left: 125px; height:140px”>
<p>
<img border=”0″ src=”Images/upcomingevents-blue.jpg” width=”259″ height=”140″></p>
</div>
<!–Upcoming Events List–>
<div style=”position: absolute; top: 330; left: 125″ id=”navcontainer”>
<ul id=”eventlist”>
<li id=”active”>2/4/07 Lion's Club Breakfast</a></li>
<li id=”active”>2/4/07 Lion's Club Breakfast</a></li>
</ul>
</div>
<!–Recent News Box–>
<div style=”position: absolute; top: 290; left: 390″>
<p><img border=”0″ src=”Images/recentnews-green.jpg” width=”259″ height=”140″></p>
</div>
<!–Recent News List–>
<div style=”position: absolute; top: 330; left: 390″ id=”navcontainer”>
<ul id=”eventlist”>
<font face=”Trebuchet MS” color=”#333333″ size=”1″>
<li id=”active”>1/28/07 Team 236 website goes live</a></li>
</font>
</ul>
</div>
<!–Team Progress Box–>
<div style=”position: absolute; top: 290; left: 655″>
<p><img border=”0″ src=”Images/teamprogress-red.jpg” width=”259″ height=”140″></p>
</div>
<!–Team Progress List–>
<div style=”position: absolute; top: 330; left: 655″ id=”navcontainer”>
<ul id=”eventlist”>
<font face=”Trebuchet MS” color=”#333333″ size=”1″>
<li id=”active”>1/28/07 We have done nothing</a></li>
<li></a></li>
<li><font size=”1″></a></font></li>
<li><font size=”1″></a></font></li>
<li><font size=”1″><font face=”Arial” color=”#000000″></a></li>
</font>
</ul>
</div>
<div style=”position: absolute; top: 445px; left: 125px; width: 450;”>
<h2>1/28/07: Website goes public!</h2>
<h1>
After much dismay and turmoil, the Lyme Old Lyme Team 236
website goes online. Stephen Burke and Jonny Abraham uploaded the main page
at approximately 1:30. More updates on the website to come in later days.
On a similar note, the content for the website is almost completely compiled
(by Evan Anway) , and will soon be uploaded by.</h1>
</div>
<script src=”http://www.google-analytics.com/urchin.js” type=”text/javascript”>
</script>
<script type=”text/javascript”>
_uacct = “UA-1260518-2”;
urchinTracker();
</script>
</body>
</html>