looks different in firefox then explorer

L

Lindsey

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">
<!--
body { text-align:center; color:#CCC; }
#wrapper { text-align:left; width:720px; margin:0 auto;position:relative; }
-->
</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">
<br>
<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"> <p> </p>
<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"><u>**New Dogs**</u></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">
<p align="center">
<img src="Jake_t2a.jpg" width="100" height="75" vspace="3"
hspace="3"><br> 1-16-06: Jake 2
<p align="center">
<img src="Dunkin_t1a.jpg" width="100" height="75" vspace="3"
hspace="3"><br>1-16-06: Dunkin
<p align="center">
<img border="0" src="Heidi_t3a.jpg" width="100" height="75"><br>
1-14-06: Heidi
<p align="center">
<img src="Sammy_t1a.JPG" width="100" height="75" vspace="3"
hspace="3"><br>1-11-06: Sammy
</p>
<p align="center">
<img src="beta_t.jpg" width="100" height="83" vspace="3"
hspace="3"><br> 1-4-06: Beta
<span class="btdetails">
<a
href="http://search.petfinder.com/petnote/displaypet.cgi?petid=5601563">Details >></a></span><br>
</p>
<p align="center">
<img src="ko_t.jpg" width="100" height="67" vspace="3"
hspace="3"><br> 1-4-06: K.O
<span class="btdetails">
<a
href="http://search.petfinder.com/petnote/displaypet.cgi?petid=5601545">Details >></a></span></p>
<p align="center">
<img src="buddy%203_t.jpg" width="100" height="96" vspace="3"
hspace="3"><br> 1-4-06: Buddy
<a href="../Web%20Design/New%20Site%20Design/Buddy.asp">
<span class="btdetails">Details >></span> </a>
</p>
<p align="center">
<img src="Baby%20Carl_t.jpg" width="100" height="77" vspace="3"
hspace="3"><br> 1-2-06: Baby Carl
<span class="btdetails">
<a
href="http://search.petfinder.com/petnote/displaypet.cgi?petid=5588938">Details >></a></span><br>
</p>
<p align="center">
<img src="jake3_t.jpg" width="100" height="76" vspace="3" hspace="3">
12-26-05: Jake <span class="btdetails">
<a
href="http://search.petfinder.com/petnote/displaypet.cgi?petid=5551713">Details >></a></span></p>
<p align="center">
<img src="bev_t.jpg" width="100" height="86" vspace="3"
hspace="3"><br> 12-21-05: Bevis
<a
href="http://search.petfinder.com/petnote/displaypet.cgi?petid=5549437">
<span class="btdetails">Details >></span> </a>
</p>
<p align="center">
<img src="Sol_t.jpg" width="100" height="106" vspace="3"
hspace="3"><br> 12-13-05: Sol
<span class="btdetails">
<a
href="http://www.petfinder.com/pet.cgi?ac...3ca-app3&display=&preview=1&row=0&tmpl=&stat=">Details</p>
<p align="center">
<img src="Kia_t.jpg" width="100" height="78" vspace="3"
hspace="3"><br> 12-10-05: Kia
<span class="btdetails">
<a
href="http://www.petfinder.com/pet.cgi?ac...87c-app3&display=&preview=1&row=0&tmpl=&stat=">Details<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p></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">
<p align="center"><font size="2"><b>Welcome To New Jersey
Boxer Rescue</b></font></p>
<p align="center"><font size="2"><b>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.</b></font></p>
<p align="center"><b><font color="#FF0000" size="3">**Senior
Boxers Need Homes**</font></b></p>
<p align="center">
<img border="0" src="bev%20head%20shot.jpg" width="300" height="301"></p>
<p align="center"><font size="2">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</font></p>
<p align="center"><font size="2">
<a
href="mailto:[email protected]?subject=Bevis">[email protected]
</a> ASAP</font></p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"><font size="3"><b>Interested in a Boxer?</b></font></p>
<p align="center">
<img border="0" src="boxer%20looking%20cute.jpg" width="300"
height="224"></p>
<p align="center"><font size="2">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.</font></p>
<p align="center"><font size="2">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></font></p>
<p align="center"> </p>
<p align="center"><font size="2"><b>Want to help New Jersey
Boxer Rescue?</b></font></p>
<p align="center"><font size="2"><b>Become one of our proud
volunteers today and help rescue and re-home boxers in NJ!</b></font></p>
<p align="center"><font size="2"><b>Send us your information
<a
href="../Web%20Design/New%20Site%20Design/volunteercontactinfo.asp">HERE</a>.</b></font></p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </td>
<td valign="top" width="118">
<div align="center"><span class="btdate">
<script language="JavaScript">
document.write(doClock("M0","%20","D1",",%20","Y0"));
</script>
</span></div>
<div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="5"
id="table3">
<tr>
<td class="bttitle">
<div align="center"><u>Recently Adopted</u></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">
<p align="center">
<img src="Hershey_t1a.jpg" width="100" height="74" vspace="3"
hspace="3"><br> 1-21-06: Hershey</p>
<p align="center">
<img src="Prince_t1a.jpg" width="100" height="75" vspace="3"
hspace="3"><br> 1-19-06: Prince</p>
<p align="center">
<img src="Lexi_t1a.jpg" width="100" height="97" vspace="3"
hspace="3"><br> 1-17-06: Lexi</p>
<p align="center">
<img src="tinkerbell2_t.jpg" width="100" height="110" vspace="3"
hspace="3">1-8-06: Tinkerbell
<br></p>
<p align="center">
<img src="Rosco_t.jpg" width="100" height="88" vspace="3"
hspace="3"><br> 1-8-06: Rosco
</p>
<p align="center">
<img src="georgeandlinden2.jpg" width="100" height="74" vspace="3"
hspace="3"><br>1-8-06: Linden & George
</p>
<p align="center">
<img src="Max5_t.jpg" width="100" height="92" vspace="3"
hspace="3"><br> 1-8-06: Max
</p>
<p align="center">
<img src="callie_t.jpg" width="100" height="109" vspace="3"
hspace="3"><br> 12-20-05: Callie
</p>
<p align="center">
<img src="Jersey_t.jpg" width="100" height="86" vspace="3"
hspace="3"><br> 12-20-05: Jersey
</p>
<p align="center">
<img src="Powder_t.jpg" width="100" height="91" vspace="3"
hspace="3"> 12-20-05: Powder
</p>
<p align="center">
<img src="rocky-white3_t.jpg" width="100" height="84" vspace="3"
hspace="3"> 12-20-05: Rocky
</p>
<p align="center">
<img src="Bella2_t.jpg" width="100" height="75" vspace="3"
hspace="3"> 12-6-05: Baby Bella
</p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p></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">
<b><font size="3" color="#FFFFFF"> </font></b>
<p><b><font size="3" color="#FFFFFF">
</font><font size="5" color="#FFFFFF">New Jersey Boxer Rescue,
Inc.</font></b></p>
<p><b><font color="#FFFFFF" size="1"> </font></b></p>
<p><b><font color="#FFFFFF" size="1">
<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"></font></b></p></div>
</div><!-- /wrapper -->
</BODY>
</HTML>
 
V

Viken Karaguesian

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.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top