2 Replies - 803 Views - Last Post: 29 June 2009 - 12:00 PM

#1 bmcc81  Icon User is offline

  • D.I.C Regular

Reputation: 2
  • View blog
  • Posts: 312
  • Joined: 10-July 07

Page looks different in Firefox, but looks good in IE

Posted 29 June 2009 - 08:20 AM

Hi,

I'm trying to get this web page to look the same in IE and in Firefox, but they just don't want to adjust to look the same. I've fiddled around with them for awhile now and can't get them to look the same is there something I should do to make them adjust properly?

Any kinda code that will help?
I see this problem often.

I've attached my work for anyone to see.

Thanks,
bmcc81

Attached File(s)



Is This A Good Question/Topic? 0
  • +

Replies To: Page looks different in Firefox, but looks good in IE

#2 gregwhitworth  Icon User is offline

  • Tired.
  • member icon

Reputation: 219
  • View blog
  • Posts: 1,604
  • Joined: 20-January 09

Re: Page looks different in Firefox, but looks good in IE

Posted 29 June 2009 - 08:25 AM

First off - can you just post your HTML and CSS like the following:

:code:

You'll get more help that way, coders are a lazy bunch. :)

Next - give us a little bit more info, IE6 is drastically different than IE7, and IE7 from IE8 - so if you could tell us which IE you're talking about we can test one browser not 3.

--

Greg
Was This Post Helpful? 0
  • +
  • -

#3 bmcc81  Icon User is offline

  • D.I.C Regular

Reputation: 2
  • View blog
  • Posts: 312
  • Joined: 10-July 07

Re: Page looks different in Firefox, but looks good in IE

Posted 29 June 2009 - 12:00 PM

View Postgregwhitworth, on 29 Jun, 2009 - 10:25 AM, said:

First off - can you just post your HTML and CSS like the following:

:code:

You'll get more help that way, coders are a lazy bunch. :)

Next - give us a little bit more info, IE6 is drastically different than IE7, and IE7 from IE8 - so if you could tell us which IE you're talking about we can test one browser not 3.

--

Greg



Thanks for the response, this is my HTML. I've designed it to look good inside IE8 but I'm having problems making it look good in Firefox.

<html>
<head>
<title>Nascar - Fantasy</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">

<style type="text/css">
<!--
.style1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.style3 {
	color: #990000;
	font-weight: bold;
}
#redTextBox {
	border: thin solid #990000;
}
.style9 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #990000;
	font-size: 13px;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
	var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
	if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
	d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();MM_preloadImages('images/playnow_under.jpg','images/index_01-over.jpg','images/index_02-over.jpg','images/index_03-over.jpg','images/index_04-over.jpg','images/LOGIN_over.jpg')">
<table width="761" height="574" border="0" align="center" cellpadding="0" cellspacing="0" no-repeat="true">
  <tr>
	<td width="460" height="26" valign="top"><table id="Table_01" width="460" height="26" border="0" cellpadding="0" cellspacing="0">
		<tr>
		  <td width="113"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','images/index_01-over.jpg',1)"><img src="images/index_01.jpg" name="Image4" width="113" height="26" border="0"></a></td>
		  <td width="117"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','images/index_02-over.jpg',1)"><img src="images/index_02.jpg" name="Image5" width="117" height="26" border="0"></a></td>
		  <td width="115"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','images/index_03-over.jpg',1)"><img src="images/index_03.jpg" name="Image6" width="115" height="26" border="0"></a></td>
		  <td width="115"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','images/index_04-over.jpg',1)"><img src="images/index_04.jpg" name="Image7" width="115" height="26" border="0"></a></td>
		</tr>
	  </table></td>
	<td width="10" height"166" rowspan="2"  ></td>
	<td width="291" height"166" rowspan="2" valign="top" background="images/fantasy_user_login.jpg" class="no-repeat" id="rightable";
><form action="livereg.php" method="post">
		<table width="95%" border="0" cellspacing="3">
		  <tr>
			<td width="12" height="29"></td>
			<td width="74"></td>
			<td colspan="2" ></td>
		  </tr>
		  <tr>
			<td height="20" valign="bottom" class="style9"></td>
			<td height="20" valign="bottom" class="style9">User ID</td>
			<td colspan="2" valign="bottom" ><span class="style9">Password</span></td>
		  </tr>
		  <tr>
			<td valign="top"></td>
			<td valign="top"><input name="username" type="text" size="12" maxlength="45" class="redTextBox"></td>
			<td width="74" valign="top"><input name="password" type="password" class="redTextBox" size="12" maxlength="45"></td>
			<td width="93" align="left" valign="top"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','images/LOGIN_over.jpg',1)"><img src="images/LOGIN.jpg" name="Image10" width="67" height="21" border="0"></a></td>
		  </tr>
		  <tr>
			<td valign="top"></td>
			<td valign="top"></td>
			<td colspan="2"></td>
		  </tr>
		</table>
	  </form></td>
  </tr>
  <tr>
	<td height="152" valign="top"><img src="images/banner.jpg" width="459" height="132" vspace="10"></td>
  </tr>
  <tr>
	<td height="247" valign="top" background="images/pick3_weekly500.jpg" class="no-repeat" ><table width="454" border="0" cellspacing="0" cellpadding="2" vspace="55">
		<tr>
		  <td colspan="2"><table width="100%" height="190"  border="0" cellspacing="5" cellpadding="0">
			  <tr>
				<td height="28" ></td>
			  </tr>
			  <tr>
				<td height="147" ><p class="style1"> Pick 3 Drivers each week that will finish in the top 3. </p>
				  <p class="style1"> Members earn points for at least 1 correct pick that will finish in the top 3. </p>
				  <p class="style1"> Whoever accumulates the most fantasy points for that week, wins<span class="style3"> $500!</span></p>
				  <p class="style1"> Scoring rules: <br>
					<span class="style3">1st place finisher = 10 points, 2nd place = 5, 3rd place = 3 </span></p></td>
			  </tr>
			</table></td>
		</tr>
		<tr>
		  <td width="289" height="50"><table width="100%" height="46" topmargin="40"  border="0" cellspacing="5" cellpadding="0">
			  <tr>
				<td height="36" ><p class="style1"><span class="style2">Note: To be eligible to win, you must place a minimum wager of $25 on Any One Game, that week for the weekly contest.</span></p></td>
			  </tr>
			</table></td>
		  <td width="165" align="right"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','images/playnow_under.jpg',1)"><img src="images/playnow_norm.jpg" name="Image8" width="111" height="26" border="0"></a></td>
		</tr>
	  </table></td>
	<td width="10"></td>
	<td width="291" background="images/Nascar_LeaderBoard.jpg" class="no-repeat"></td>
  </tr>
  <tr>
	<td height="10" colspan="3"></td>
  </tr>
  <tr>
	<td height="247" valign="top" background="images/pick3_weekly2500.jpg" class="no-repeat" ><table width="454" border="0" cellspacing="0" cellpadding="0" vspace="5">
		<tr>
		  <td width="454"><table width="100%" border="0" cellspacing="0" cellpadding="0">
			  <tr>
				<td height="263" ><table width="454" border="0" cellspacing="0" cellpadding="2" vspace="55">
					<tr>
					  <td colspan="2"><table width="100%" height="195" topmargin="40"  border="0" cellspacing="5" cellpadding="0">
						  <tr>
							<td height="33" ></td>
						  </tr>
						  <tr>
							<td height="147" ><p class="style1"> Pick 3 Drivers players each week that will finish in the top 3. </p>
							  <p class="style1"> Members can earn points for at least 1 correct pick that will finish in the top 3. </p>
							  <p class="style1"> Whoever accumulates the most fantasy points at the end of season wins <span class="style3">$2,500!</span> </p>
							  <p class="style1"> Scoring rules: <br>
								<span class="style3">1st place finisher = 10 points, 2nd place = 5, 3rd place = 3</span></p></td>
						  </tr>
						</table></td>
					</tr>
					<tr>
					  <td width="289" height="50"><table width="100%" height="46" topmargin="40"  border="0" cellspacing="5" cellpadding="0">
						  <tr>
							<td height="36" ><p class="style1"><span class="style2">Note: To be eligible to win, you must place a minimum wager of $25 on Any One Game during the season.</span></p></td>
						  </tr>
						</table></td>
					  <td width="165" align="right"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','images/playnow_under.jpg',1)"><img src="images/playnow_norm.jpg" name="Image9" width="111" height="26" border="0"></a></td>
					</tr>
				  </table>
				  <br></td>
			  </tr>
			</table></td>
		</tr>
	  </table></td>
	<td width="10"></td>
	<td width="291" background="images/Nascar_schedule.jpg" class="no-repeat"></td>
  </tr>
</table>

</body>
</html>



Thanks again,
bmcc81

This post has been edited by bmcc81: 29 June 2009 - 12:09 PM

Was This Post Helpful? 0
  • +
  • -

Page 1 of 1