School Assignment? Project Due Tomorrow? Chat LIVE With A Programming Expert!

Welcome to Dream.In.Code
Become an Expert!

Join 300,356 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 1,937 people online right now. Registration is fast and FREE... Join Now!




Page looks different in Firefox, but looks good in IE

 

Page looks different in Firefox, but looks good in IE, Why do they look different?

bmcc81

29 Jun, 2009 - 07:20 AM
Post #1

D.I.C Regular
***

Joined: 10 Jul, 2007
Posts: 262



Thanked: 1 times
My Contributions
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)
Attached File  WWW_FANTASY.zip ( 164.96k ) Number of downloads: 7

User is offlineProfile CardPM
+Quote Post


gregwhitworth

RE: Page Looks Different In Firefox, But Looks Good In IE

29 Jun, 2009 - 07:25 AM
Post #2

(this).problem + "sucks";
Group Icon

Joined: 20 Jan, 2009
Posts: 1,131



Thanked: 82 times
Dream Kudos: 50
Expert In: HTML, CSS, Web Design

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

code.gif

You'll get more help that way, coders are a lazy bunch. smile.gif

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
User is offlineProfile CardPM
+Quote Post

bmcc81

RE: Page Looks Different In Firefox, But Looks Good In IE

29 Jun, 2009 - 11:00 AM
Post #3

D.I.C Regular
***

Joined: 10 Jul, 2007
Posts: 262



Thanked: 1 times
My Contributions
QUOTE(gregwhitworth @ 29 Jun, 2009 - 10:25 AM) *

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

code.gif

You'll get more help that way, coders are a lazy bunch. smile.gif

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.

CODE
<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 Jun, 2009 - 11:09 AM
User is offlineProfile CardPM
+Quote Post

Fast ReplyReply to this topicStart new topic

Time is now: 11/7/09 07:29PM

Live Help!

Be Social

Dream.In.Code RSS Feed Dream.In.Code LinkedIn Group Follow Us On Twitter Fan Us On Facebook

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month