looks different in firefox then explorer

Lindsey · Jan 22, 2006

When i load my site in firefox the buttons move up and the page is to the
right, but in explorer it looks all fine. www.njboxerrescue.com how can i fix
this so it centers in both, i have users who use different browsers

here is code: please help

<html>
<head>
<title>New Jersey Boxer Rescue, Inc.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="Type a brief description of your web site
here.">
<meta name="keywords" content="keyword, keyword, keyword phrase, keyword
phrase, keyword phrase, keyword phrase">
<meta name="copyright" content="2006 New Jersey Boxer Rescue, Inc. All
rights reserved.">
<meta name="robots" content="all">
<meta name="revisit-after" content="14 days">
<link rel="stylesheet" href="btstyle625.css" type="text/css">
<script language="JavaScript">
function doClock(){
var t=new Date(),a=doClock.arguments,str="",i,a1,lang="1";
var month=new Array('January','Jan', 'February','Feb', 'March','Mar',
'April','Apr', 'May','May', 'June','Jun', 'July','Jul', 'August','Aug',
'September','Sep', 'October','Oct', 'November','Nov', 'December','Dec');
var tday= new Array('Sunday','Sun','Monday','Mon', 'Tuesday','Tue',
'Wednesday','Wed','Thursday','Thr','Friday','Fri','Saturday','Sat');
for(i=0;i<a.length;i++) {a1=a.charAt(1);switch (a.charAt(0)) {
case "M":if ((Number(a1)==3) && ((t.getMonth()+1)<10)) str+="0";
str+=(Number(a1)>1)?t.getMonth()+1:month[t.getMonth()*2+Number(a1)];break;
case "D": if ((Number(a1)==1) && (t.getDate()<10))
str+="0";str+=t.getDate();break;
case "Y":
str+=(a1=='0')?t.getFullYear():t.getFullYear().toString().substring(2);break;
case "W":str+=tday[t.getDay()*2+Number(a1)];break; default:
str+=unescape(a);}}return str;
}

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=new Image;
d.FP_imgs.src=a; }
}

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>
<style type="text/css">

</style>
</head>
<BODY LEFTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0"
onload="FP_preloadImgs(/*url*/'button5.jpg', /*url*/'button6.jpg',
/*url*/'button8.jpg', /*url*/'button9.jpg', /*url*/'buttonB.jpg',
/*url*/'buttonC.jpg', /*url*/'button11.jpg', /*url*/'button12.jpg',
/*url*/'button14.jpg', /*url*/'button15.jpg', /*url*/'button17.jpg',
/*url*/'button18.jpg', /*url*/'button1A.jpg', /*url*/'button1B.jpg',
/*url*/'button20.jpg', /*url*/'button21.jpg', /*url*/'button23.jpg',
/*url*/'button24.jpg')">
<div id="wrapper">
 
<div align="center">
<table width="50%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="btbrdr">
<table width="750" border="0" cellspacing="0" cellpadding="0"
height="115">
<tr>
<td valign="top">
<div align="center">
<img src="header.jpg" width="997" height="115" border="0"></div>
</td>
</tr>
</table>
<div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="btcontent" align="center" valign="top"> 
<div align="center">
<table width="751" border="0" cellspacing="0" cellpadding="6"
height="729" id="table1">
<tr>
<td valign="top" width="118">
<table width="100%" border="0" cellspacing="0" cellpadding="5"
height="1623" id="table2">
<tr>
<td class="bttitle">
<div align="center">**New Dogs**</div>
<div align="center"> </div>
<div align="center">
<a href="../Web%20Design/New%20Site%20Design/availablenow.asp">Click
Here To See All Available Dogs</a></div></td>
</tr>
<tr>
<td class="btnavbk" valign="top">

<img src="Jake_t2a.jpg" width="100" height="75" vspace="3"
hspace="3"> 1-16-06: Jake 2

<img src="Dunkin_t1a.jpg" width="100" height="75" vspace="3"
hspace="3"> 1-16-06: Dunkin

<img border="0" src="Heidi_t3a.jpg" width="100" height="75"> 
1-14-06: Heidi

<img src="Sammy_t1a.JPG" width="100" height="75" vspace="3"
hspace="3"> 1-11-06: Sammy


<img src="beta_t.jpg" width="100" height="83" vspace="3"
hspace="3"> 1-4-06: Beta

<a
href="http://search.petfinder.com/petnote/displaypet.cgi?petid=5601563">Details >></a> 


<img src="ko_t.jpg" width="100" height="67" vspace="3"
hspace="3"> 1-4-06: K.O

<a
href="http://search.petfinder.com/petnote/displaypet.cgi?petid=5601545">Details >></a>

<img src="buddy%203_t.jpg" width="100" height="96" vspace="3"
hspace="3"> 1-4-06: Buddy
<a href="../Web%20Design/New%20Site%20Design/Buddy.asp">
Details >> </a>


<img src="Baby%20Carl_t.jpg" width="100" height="77" vspace="3"
hspace="3"> 1-2-06: Baby Carl

<a
href="http://search.petfinder.com/petnote/displaypet.cgi?petid=5588938">Details >></a> 


<img src="jake3_t.jpg" width="100" height="76" vspace="3" hspace="3">
12-26-05: Jake 
<a
href="http://search.petfinder.com/petnote/displaypet.cgi?petid=5551713">Details >></a>

<img src="bev_t.jpg" width="100" height="86" vspace="3"
hspace="3"> 12-21-05: Bevis
<a
href="http://search.petfinder.com/petnote/displaypet.cgi?petid=5549437">
Details >> </a>


<img src="Sol_t.jpg" width="100" height="106" vspace="3"
hspace="3"> 12-13-05: Sol

<a
href="http://www.petfinder.com/pet.cgi?ac...3ca-app3&display=&preview=1&row=0&tmpl=&stat=">Details

<img src="Kia_t.jpg" width="100" height="78" vspace="3"
hspace="3"> 12-10-05: Kia

<a
href="http://www.petfinder.com/pet.cgi?ac...87c-app3&display=&preview=1&row=0&tmpl=&stat=">Details 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </td>
</tr>
<tr>
<td class="bttitle">
<div align="center"> </div></td>
</tr>
<tr>
<td id="nav" valign="top" class="btnavbk"> </td>
</tr>
</table></td>
<td valign="top" width="479">
Welcome To New Jersey
Boxer Rescue
NJBR is a non profit,
501 C3 organization that provides complete surrender and
adoption services, as well as promoting responsible pet
ownership in New Jersey and it's surrounding areas.
**Senior
Boxers Need Homes**

<img border="0" src="bev%20head%20shot.jpg" width="300" height="301">
Bevis needs a foster home
now. He lost his one and only home after 10 years and now
waits in a kennel for us to find him a foster or forever
home. If you can help poor Bevis, please email

<a
href="mailto:[email protected]?subject=Bevis">[email protected]
</a> ASAP
 
 
 
Interested in a Boxer?

<img border="0" src="boxer%20looking%20cute.jpg" width="300"
height="224">
The boxer is an amazing
breed. Not only are they adorable, they are some of
the most affectionate animals. Besides being a great
animal, boxers are a handful. They need love and
attention just like everyone else, we hate seeing our boxers
pushed in and out of homes for whatever reason.
Take a moment and read this
to see if the boxer is the right dog for you.
<a href="http://www.boxer-dog.org/item/17">Click Here</a>
 
Want to help New Jersey
Boxer Rescue?
Become one of our proud
volunteers today and help rescue and re-home boxers in NJ!
Send us your information
<a
href="../Web%20Design/New%20Site%20Design/volunteercontactinfo.asp">HERE</a>.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </td>
<td valign="top" width="118">
<div align="center">
<script language="JavaScript">
document.write(doClock("M0","%20","D1",",%20","Y0"));
</script>
</div>
<div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="5"
id="table3">
<tr>
<td class="bttitle">
<div align="center">Recently Adopted</div>
<div align="center"> </div>
<div align="center">
<a href="../Web%20Design/New%20Site%20Design/adopted.asp">Click
Here To
See All Adopted Dogs</a></div></td>
</tr>
<tr>
<td class="btnavbk" valign="top">

<img src="Hershey_t1a.jpg" width="100" height="74" vspace="3"
hspace="3"> 1-21-06: Hershey

<img src="Prince_t1a.jpg" width="100" height="75" vspace="3"
hspace="3"> 1-19-06: Prince

<img src="Lexi_t1a.jpg" width="100" height="97" vspace="3"
hspace="3"> 1-17-06: Lexi

<img src="tinkerbell2_t.jpg" width="100" height="110" vspace="3"
hspace="3">1-8-06: Tinkerbell
 

<img src="Rosco_t.jpg" width="100" height="88" vspace="3"
hspace="3"> 1-8-06: Rosco


<img src="georgeandlinden2.jpg" width="100" height="74" vspace="3"
hspace="3"> 1-8-06: Linden & George


<img src="Max5_t.jpg" width="100" height="92" vspace="3"
hspace="3"> 1-8-06: Max


<img src="callie_t.jpg" width="100" height="109" vspace="3"
hspace="3"> 12-20-05: Callie


<img src="Jersey_t.jpg" width="100" height="86" vspace="3"
hspace="3"> 12-20-05: Jersey


<img src="Powder_t.jpg" width="100" height="91" vspace="3"
hspace="3"> 12-20-05: Powder


<img src="rocky-white3_t.jpg" width="100" height="84" vspace="3"
hspace="3"> 12-20-05: Rocky


<img src="Bella2_t.jpg" width="100" height="75" vspace="3"
hspace="3"> 12-6-05: Baby Bella

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </td>
</tr>
<tr>
<td class="bttitle">
<div align="center"> </div></td>
</tr>
<tr>
<td id="nav" valign="top" class="btnavbk"> </td>
</tr>
</table></div></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
<table width="750" border="0" cellspacing="0" cellpadding="2" align="center">
<tr>
<td class="btcopyrights">
<div
align="center">
Â© 2006 New Jersey Boxer Rescue, Inc. All rights
reserved.</div>
</td>
</tr>
</table>
<div style="position: absolute; width: 1003px; height: 121px; z-index: 1;
left: 4px; top: 5px; right:0; bottom:0" id="layer1">
 

New Jersey Boxer Rescue,
Inc.
 

<a href="default.asp">
<img border="0" id="img1" src="button4.jpg" height="17" width="85"
alt="Home" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'button5.jpg')"
onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'button4.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'button6.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'button5.jpg')"
fp-style="fp-btn: Corporate 8" fp-title="Home"></a>
<a href="adoptionprocess.asp">
<img border="0" id="img13" src="button10.jpg" height="17" width="85"
alt="Adoption"
onmouseover="FP_swapImg(1,0,/*id*/'img13',/*url*/'button11.jpg')"
onmouseout="FP_swapImg(0,0,/*id*/'img13',/*url*/'button10.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img13',/*url*/'button12.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img13',/*url*/'button11.jpg')"
fp-style="fp-btn: Corporate 8" fp-title="Adoption"></a>
<a href="application.asp">
<img border="0" id="img14" src="button13.jpg" height="17" width="85"
alt="Application"
onmouseover="FP_swapImg(1,0,/*id*/'img14',/*url*/'button14.jpg')"
onmouseout="FP_swapImg(0,0,/*id*/'img14',/*url*/'button13.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img14',/*url*/'button15.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img14',/*url*/'button14.jpg')"
fp-style="fp-btn: Corporate 8" fp-title="Application"></a>
<img border="0" id="img15" src="button16.jpg" height="17" width="85"
alt="Surrender"
onmouseover="FP_swapImg(1,0,/*id*/'img15',/*url*/'button17.jpg')"
onmouseout="FP_swapImg(0,0,/*id*/'img15',/*url*/'button16.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img15',/*url*/'button18.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img15',/*url*/'button17.jpg')"
fp-style="fp-btn: Corporate 8" fp-title="Surrender">
<img border="0" id="img16" src="button19.jpg" height="17" width="92"
alt="Owner Intake" fp-style="fp-btn: Corporate 8; fp-proportional: 0"
fp-title="Owner Intake"
onmouseover="FP_swapImg(1,0,/*id*/'img16',/*url*/'button1A.jpg')"
onmouseout="FP_swapImg(0,0,/*id*/'img16',/*url*/'button19.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img16',/*url*/'button1B.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img16',/*url*/'button1A.jpg')">
<img border="0" id="img17" src="button1F.jpg" height="17" width="85"
alt="Foster"
onmouseover="FP_swapImg(1,0,/*id*/'img17',/*url*/'button20.jpg')"
onmouseout="FP_swapImg(0,0,/*id*/'img17',/*url*/'button1F.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img17',/*url*/'button21.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img17',/*url*/'button20.jpg')"
fp-style="fp-btn: Corporate 8" fp-title="Foster">
<img border="0" id="img18" src="button22.jpg" height="17" width="85"
alt="FAQ's" onmouseover="FP_swapImg(1,0,/*id*/'img18',/*url*/'button23.jpg')"
onmouseout="FP_swapImg(0,0,/*id*/'img18',/*url*/'button22.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img18',/*url*/'button24.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img18',/*url*/'button23.jpg')"
fp-style="fp-btn: Corporate 8" fp-title="FAQ's">
<img border="0" id="img11" src="button7.jpg" height="17" width="85"
alt="About Us"
onmouseover="FP_swapImg(1,0,/*id*/'img11',/*url*/'button8.jpg')"
onmouseout="FP_swapImg(0,0,/*id*/'img11',/*url*/'button7.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img11',/*url*/'button9.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img11',/*url*/'button8.jpg')"
fp-style="fp-btn: Corporate 8" fp-title="About Us">
<img border="0" id="img12" src="buttonA.jpg" height="17" width="85"
alt="Contact Us"
onmouseover="FP_swapImg(1,0,/*id*/'img12',/*url*/'buttonB.jpg')"
onmouseout="FP_swapImg(0,0,/*id*/'img12',/*url*/'buttonA.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img12',/*url*/'buttonC.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img12',/*url*/'buttonB.jpg')"
fp-style="fp-btn: Corporate 8" fp-title="Contact Us"></div>
</div>
</BODY>
</HTML>

Viken Karaguesian · Jan 22, 2006

Lindsey

I don't see any real difference. Can you point to a few examples? I'm using
Firefox 1.5. A quick note: one way to help ensure that pages look the same
in other browsers is to use a DOCTYPE statement at the top of your page. You
don't have to use a doctype, but it helps.

All browsers render HTML slightly different, with each browsers having it's
own "quirks" in how it parses the HTML. In short, a doctype statement tells
the browser which set of rules to use, so they put aside their quirks and
follow the same set of rules. A doctype statement goes before the HTML tag,
right at the top of the page. There are several doctypes, but using whats
called the Transitional doctype is probably best for this page. Here's the
code to put at the top of the page.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

One note: If you install the doctype, you may notice some changes in your
page's formatting. This is normal. You may need to slightly adjust some
things, but it'll go a long way towards being cross-browser compatible.

pages don't work in Firefox?	2	Jan 12, 2010
How can i center my page?	1	Jan 21, 2006
Web Site Code Anomally?	1	Dec 20, 2008
two tables in the same row	6	Apr 8, 2009
FP 2003 - Correcting a <img> validation error	2	Dec 7, 2008
Pages in Inline frames	1	Apr 29, 2010
Text (case)	6	Dec 5, 2007
Sript error when previewing page.	4	Nov 1, 2007

looks different in firefox then explorer

Lindsey

Viken Karaguesian

Ask a Question

Similar Threads