• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 266
  • Last Modified:

css looking different in IE then FF

Hello,

I have attached the screen shots of what i see in ie and ff.. as you can see the box does not center with a 15px margin from the top

here is my css.
/* DEFAULTS
----------------------------------------------------------*/

body   
{
  background-image:url('../images/Gray.gif');
  background-repeat:no-repeat;
  background-position:center;     
    background-color: black;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: lucida grande;
    font-size: 13px;
    color: #000;
   
}
a:link { text-decoration:none;color: #001d2b; }
  a:visited { text-decoration:none;color: #001d2b; }
  a:hover {text-decoration: underline; color: #001d2b; }
  a:active { text-decoration:none }

#topbanner
{
    margin-top: 5px;
    width: 943px;
    text-align: left;
    padding: 15px;
    background-color: #F9F9F9;
    border: 3px solid #02486B;
    height: 200px; /* Do rounding (native in Firefox and Safari) */;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.largeMain {
    margin: 0 auto;
    width: 974px;
    text-align: center;
    padding: 5px;

}
 #caption
        {
            padding-left: 20px;
                    
width:290px;
        }
   #site-logo {
	top: 20px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#head-wrapper {
	position:relative;
	margin:0 auto;
	width:974px;
	height: 132px;
	text-align: center;
} 
#top-page-header {
	position:relative;
	left:0;
	top:0;
	width:100%;
	height:132px;

} 
 .border{
	border: 1px solid #000000;
	background-color: #001C2A;
	height: 1px;
	color: #FFF;
}
#loginbox
{
    margin: 15px auto 0 auto;
    width: 248px;
    height: 175px;
    padding: 15px;
     -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    float: right;
    background-color: #02486B;
    border: 3px solid white;
}
#maininfo
{
    margin: 0 auto;
    width: 664px;
    height: 197px !important;
    padding: 5px;
     background-color: #F9F9F9;
   border: 3px solid #02486B;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    float: left;
    margin-top:15px;
}
#maininfolarge
{
    margin: 0 auto;
    width: 974px;
       padding: 5px;
     background-color: #F9F9F9;
   border: 3px solid #02486B;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    float: left;
    margin-top:15px;
    text-align:center;
}
 .forumtd
        {
            text-align: center;
        }
 #forumstats
 {
      margin: 15px auto 0 auto;
    width: 450px;
    padding: 15px;
    background-color: #F9F9F9;
    border: 3px solid #02486B;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
      text-align: center;
      

}
        

Open in new window


and here is my html
  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>

</title><link href="../Styles/Site.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="../Scripts/jquery-1.4.1.js"></script>
 <script type="text/javascript" src="../Javascript/imagecycle.js"></script>
 <script type="text/javascript" src="../Javascript/curvycorners.js"></script>
    </head>
<body>
    <form method="post" action="main.aspx" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="C01uKRHPTKtkYPMQeLoSwXnNz/JBINgpEWuegvY/d/nWjK6f1nmsrzyN5+ox1Z5596g7yuvxpqnMB74AtEbaNGgRJxVPbvKIJVoWTM9FrI58Hcr3gPittcFO1SmYHOoHRYBP906RVkouhPMqc5dUUKf96Jn3spqkRfVr2OvDeUeS8vSFPibRw/F7SctHLxwf7e/8lypBwUwtyGYdMj8oCz8URXhRHPy7El70IWznPjneoAvnReMzqC4HNkjUc8eMjonUESShSQehKdnkdySPCc3S3rmZhMChXFAMTqrFi9xpnl9yi1uTzXxM6Aezzjycg1G/92cMceycUXrXCimHhzaUZxv2nJdQZqHrCqHs2KZ+3EJodwGwbdkLQz3/su6q+TCbNxR+N02/XQBoOWIIPF2XULrtY9oGbRUvHevU5o5iRFB4X4RsRI8wVelXtCm8fZZBHKek28D4fCvuXlWs7b7tohWtr3tf1IRFHgJRlYA4CtntgpwkjL5f4uequYuLaC5KF9cTBbNvAgQ2RcdChbFc7B6XjIY2tb8DWPvczv/BCvS6RZuE6mEfnnVs2g8yOWmt+O/VsIw3PcJswTsqiIi8dC+1Q+1vBkriY1sbiZ9UFX/GvAal9qNIp9fMtVmObpsvCjvrKtfvplCRCHuRuv6z3qoNyIr6lrTKAlrDmJSwNcY93DU7CXz6+0j53WjquS++w1+tpVz1nqckujVTJ1VXYxnQDt5+ha1LFMz9F8+0uaW7ZdP3FIoulJs0zDFfC0DeJg2ymIYhWxFPC7DnZ8CAlefK/E06BS8zXSCPN+KzeB1cKTQJ9W40tv4DQbbGAoC2EmiQmI0lO8e8HqN5T+Fb1trMheNHle5XsoUQohihmQV7nVZMgSJi3cWRYnwoLeOlP4hfTkWhN2DBmxeyDXLo2Ctw5S7luwnU14hen6RmNpj9VtT/WikWR9h2kiS1Jut6RdRAM7wjoix2VG5VbPE580DbAo5l1pyit3rW+VRMTtM7e281xQhTA8G8Fm+a9oif6m04klspMcUtfPo9elvlmZzbN2WQXWFKjNTpwy7mfu45yKr3wGwNWuiQRdccvgKfXkOKkyxKqU4JbtXeZxGVkmYib843PhMPx6jSarCss8gBRHGJ2MXGd3DtOv2siMQief8646+e2SMWNmI3GvbXnVeTgiqB5uUGr/C+kzJRi66W3a2q326zIorMi1Jh7dxeMc2xUMaG4rsIukU84Gv/SbIPvdjrldbTLvLKEXsUqyGlDKtOKhBb4VYH3WQbwv1xbyTmdyee+PUmLEps7UKzD+Xkvw24wg/Adke2LYS8HlhWRoqLZ/R+i57kMlRhJeszat8e9NaO8+SIz9J8pFqiIZqy/bnR/pRogBdhIBtCkdy5zgH7nPZ2IixSd9JT8pSkBuvjPvgStULZZcc15DN6wwkzXR9G9eIxWxgvhR98Xtp1uy1tbfZroj1d9TxKlA6T2kdfgsA0mWAlBQAE4OsS2F3fYvv78HWCd3iHZ7IIxaezxVWas9eIYDyL6OImeUv2G8TTuw/nRzk7iILJTDxV1lfMn5y/SKErEQQemIxdYtIn4PevJV3q6nphS0OHQEiMEdEkqKSdiZGQM168ZKexhk7a+9R+wwf+oj4CT9KzAjJLsltn4fE+QcIEnd1PYfXoPv1Oq9Vx5bovRC/s3nEYzM8rJkymlUlpvFtcgvTL5BX8mw1y4MRI7j4HsTLFwWaKMe+1Ma+c7+vPABMO1zFonMial7CyXD8d2CezPQIydVeiiGX4OKloVMc+X/a7Ibu0AL+OMST9ImQvFhmITkOnj2WW/NKrgYdDDhysoJER+8vN3BZVRgeAOEvyhKpnI69dDEKqMcFQ4LMEQPoKo7oC89HduQA0qtZyKF0rUl94PoyZkhzVqCNnXl5877yxJqoIVaNIBoKu+BsCK7MxnZdyb25eOL6iNVfVKqKX/IhG+my1PO+DaecXXi+U+dO9WwmgPX7cronkz6rDbPNpR31rYPxXt1WaF86geZuVdNwhLk/4A30lzw2hIdlpPJ94UumM/l8tQVGClgp9Kfkiu+WkPmjbQAyta9drc2aS8NrWcBGwZR21ZvFCL7FBnLgg4FOvVp6kbdTvJiLIdka1p9lVzA5R3/DxE8HXwB6jl36DAbXjKgPEgh8D4F8MI7VKibdg07bJRIC+lJ8Bm9bis4TeivOebQ477fqnukkAa1esLzq3xWt+wz6DFyBZi2lf0o/xue0ODazmMd2bA+MG5s/EXKDQs7Eqik4Qn5FsISJffVT610DhpMqIReTIiFhbhf9axTiiloVleu8519v9wYzGkPHgF0uJDpatxzWyBhLfIU4Oaqrl0iuj0zbECbV24dsv7hPes3AMmtPcw9seBblqOU2oeU7LNzGQQaIcbN5eVxXB2yD4s3MDtuGDjX4Ls6D/tE6dmKnw/fy6es3RlUAemvaBQ3z7VQ/FTdpgjACxnkvBV3clxZduTqQov0rjjESg0DN2gcInR9stLj5IWSBe6XwN9NGJfu757o7AiRZWhEw5aQ+KoeNMVWlNZgc/hJ3oQUEEPxD5X67KLRe7c9b8TsvCDUWKPF9IMFhHLaaimaUPsQ/fUynkHi2BvxNRwwSTGamR9CROBC32V5Q1OO4sAo6aOL2RoQreiV7r029ijzOqAVW/XXecfEe2c6/soyDXtR/TqNLbO9vxC4so4AAj84RqTfK8TPKSmc0raR6+pKq0M2LrH1FIon0ZC6qWqDjAKsXeIP/GA54HMjoBpSCpAnoJrvx+KgCIWqzFr5lubuR0SLvj3XmdlnW1QhIAyUbUJW1H44H2YXKpnGYeZ/p4+GX+ygUtzRlsSNW0NGZqLLMe1vDxIM9OC1dbQ9h6i6528ygutF7STxqhZc0VEJEr4ha9KspGkN9GoiG8PmZIOukE7JdmdkEuazh9UejmkwNS6SwhVGsepJ8KqSPuGuV4nV5IVcbF3ZOpeNR7IzcpGFgC/wnW2P1ay+ZkoKu2WRiRO0vEAfXmkB0Ype6JQFq1qR2xY8l6m2nu/C4XNfNFOyilxx08gEzXJwtjclknYOd7BvBVTj2htyMUJyCtRfu0vQ5zNu8dvEwqsIutIrOjNWwz84bWb+T0lkvIYHs348cPzuJThGb/wsFXa8daR2pb7OGrblyY8X5pL3bKdgSS+Qb+AyvgG3whCXD4g1NEDAgssGFurvDSrI3pfchooLnd386zrIB2PCYKe/ltAOE0VdZNn3acVqkqXVNiGg//9+woqCb9m8I/tqkEjvFHjXIW2hVbgBTgCCTqhTElAq+2G+6pa7JDoPKy0nbhBfXz6AZmV2HJ/qmt8oG/nr3DoaTSU+u9+CmEPiZeiBEYbkfhd5aJlitIj+FChTje7Iq79PQhABYZj2bPJaE/OUuHyG3DPBWuSbNsj637rJ9BI0Sl5IOCUGsxe1lQ78I3K14tAOYJoZ8C7JLcMFjMkZ5jhDBFMk+5GE9UAE+yB9Y8buyp6y5ZlDQ3qj55eL6DRknrzPnCJKongFMMdCeOf6U4EOfYCIDQ28NiV5aRuD18N3NeEWOyy8hBTgZdiHEcZZZEftEDENJ6G0oD8o80IOZrpbMRX0PjaGYWBZqGzo+Y5xVVLH+ccLLX2XeYkFjyqfOKBPD9VjXVxJlnkFfC5IzZLfB3QBPYxhvJbj6llsdn7G3eo6ssAxYEviIXRDlhjlM/xMhVmqCGD+1iJ86dqeWToODqG5IrAmHPg+9i/KZNJ8q69nH7rv9qftgM6O5Inr2399RzqrkzjAyepI5rCiWYYEolDQSDfTdOIBoc6SQuZgwx5hHhh+TmL0Ut/9CrI22HSVl1fOTF0CMbpzb7rVk7O7LQ9H7VtqMxzNtYcvVT9oACIiedLcmhVeexqfJZWzm4vfEBKXv2aflSOmWvvo5kzCOPoY+/xNhzTqcZvXocM+OF0MA8K9l6JK06/+bk8Vmqr2jrE1zxrjJfGULNGCbNkk60eKktzriwmpTFvLuBGXtmBIqzZzU554VHmL0W6pnxrNDjC9IM9C9zgZRGNyYLqYMmvn9+Uki47S+wNnw6lctI/XM6uej17SGL1z5Nb6qQno+0kft+ERJPBwn5kdfFBlX/yq/stTXjMgCXsx7Vu/C+X+yjijcLZOxRDYW2O6xR86tQvhcKD0TGCvjPecbs+etpZZ0HctxSJfcr1vvi/G+zCYvCf4IoT2V4RGg6kjg0xTnzQd988zNEVD8JLOxizQSgj9BCb7DMXDiSoz/Gf6fbSHoJx+EEdRM5+1lQzIO2eXMgfIlVdD9uaepI5u8mRI3gSgq/3jTvvJbOvIrpje+UhjY7HSX6TwlKWcD8FV98rm2tzOMPVP5WhlFqprL2RhADEpEkQcaynbHdIIk/YcuWWSzjteAmuU4KJQNRAMArBhMkJ6/TEA8G1mV/rmxyQorrpUXCUkf3hSff7Wy4mAzcNyFec94hQjt3tCHNJ+IxsVu2eT9CEeOtZKylcdbrhkGScj5sxXpbt1fWK1XhqLjSrpCz99pbWM+4AIALgla9ZFz3gj5x7spbwvl6ODgUzhtkBg5h06PHdQXJqtc3eMR45RosP6ULqF9qBU5zGjXTzDmY3YdBjPQRz1wIrzOEprvyz2TrfX7V/0ry7dEmDsoO7qwRK6pEbNUq6jOIYjbZEas4M7mVH3IT4Ho8U9f7nAtvGiugbxhGYn9SAkMdEdbvrRGJ/tz2kE4CVOdPROGTmhTYCjc5/xYnPecfbCVaCQjdSBz0X/lksRPnVy+CBimGU7zhIHB5Spwg5IVWdrXK" />
</div>

<div class="aspNetHidden">

	<input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="" />
</div>
     <div id="top-page-header"><div id="head-wrapper">
  <div id="site-logo">
        <img id="Image1" src="../images/runningprofilestext.gif" />
        <img id="Image2" src="../images/rplogo.gif" />
  </div>
      </div></div>
    <div class ="largeMain">
          <div id="maininfolarge">
        <div>
	<table cellspacing="0" cellpadding="4" id="GridView1" style="color:#333333;width:99%;border-collapse:collapse;text-align: center">
		<tr style="color:White;background-color:#001C2A;font-weight:bold;">
			<th scope="col" style="width:50px;">Status</th><th scope="col" style="width:500px;">Forum</th><th scope="col" style="width:150px;">Last Post</th><th scope="col" style="width:25px;">Topics</th><th scope="col" style="width:25px;">Posts</th>
		</tr><tr onmouseover="this.originalstyle=this.style.backgroundColor;this.style.backgroundColor=&#39;#FFFFFF&#39;" onmouseout="this.style.backgroundColor=this.originalstyle;">
			<td style="background-color:White;width:50px;">
                        <img id="GridView1_newpost1_0" src="../images/nonewpost.jpg" />
                    </td><td style="width:500px;">
                    <span id="GridView1_Forumname_0" style="font-size:Medium;font-weight:bold;"><a href='forums.aspx?fn=News' Title='RunningProfile Forum News & Suggestions'>RunningProfile Forum News & Suggestions</a></span><br />
                    <span id="GridView1_Forumdesciption_0" style="font-style:italic;">Forum News & Announcements</span>
                    </td><td style="background-color:White;width:150px;">
                    <span id="GridView1_Lastpost_0"><u><font color='#284775'>Test forum1</font></u><br /> By <b>Jarratt</b> <br /> 3 Dec 11 07:47 AM</span>
                </td><td style="width:25px;">
                    <span id="GridView1_Postnumber_0" style="font-weight:bold;">1</span>
                </td><td style="background-color:White;width:25px;">
                    <span id="GridView1_Postnumber2_0" style="font-weight:bold;">2</span>
                </td>
		</tr><tr onmouseover="this.originalstyle=this.style.backgroundColor;this.style.backgroundColor=&#39;#FFFFFF&#39;" onmouseout="this.style.backgroundColor=this.originalstyle;" style="background-color:#F9F9F9;">
			<td style="background-color:White;width:50px;">
                        <img id="GridView1_newpost1_1" src="../images/newpost.jpg" />
                    </td><td style="width:500px;">
                    <span id="GridView1_Forumname_1" style="font-size:Medium;font-weight:bold;"><a href='forums.aspx?fn=General' Title='General Running Chat'>General Running Chat</a></span><br />
                    <span id="GridView1_Forumdesciption_1" style="font-style:italic;">Discussion of general running topics</span>
                    </td><td style="background-color:White;width:150px;">
                    <span id="GridView1_Lastpost_1"><u><font color='#284775'>test 2 forum</font></u><br /> By <b>ted</b> <br /> 21 Apr 11 11:59 AM</span>
                </td><td style="width:25px;">
                    <span id="GridView1_Postnumber_1" style="font-weight:bold;">1</span>
                </td><td style="background-color:White;width:25px;">
                    <span id="GridView1_Postnumber2_1" style="font-weight:bold;">1</span>
                </td>
		</tr><tr onmouseover="this.originalstyle=this.style.backgroundColor;this.style.backgroundColor=&#39;#FFFFFF&#39;" onmouseout="this.style.backgroundColor=this.originalstyle;">
			<td style="background-color:White;width:50px;">
                        <img id="GridView1_newpost1_2" src="../images/nonewpost.jpg" />
                    </td><td style="width:500px;">
                    <span id="GridView1_Forumname_2" style="font-size:Medium;font-weight:bold;"><a href='forums.aspx?fn=Training&Races' Title='General Training & Race Discussion'>General Training & Race Discussion</a></span><br />
                    <span id="GridView1_Forumdesciption_2" style="font-style:italic;">Schedules, methods and techniques</span>
                    </td><td style="background-color:White;width:150px;">
                    <span id="GridView1_Lastpost_2"><u><font color='#284775'>testforum4</font></u><br /> By <b>martin</b> <br /> 3 Dec 11 07:47 AM</span>
                </td><td style="width:25px;">
                    <span id="GridView1_Postnumber_2" style="font-weight:bold;">1</span>
                </td><td style="background-color:White;width:25px;">
                    <span id="GridView1_Postnumber2_2" style="font-weight:bold;">1</span>
                </td>
		</tr><tr onmouseover="this.originalstyle=this.style.backgroundColor;this.style.backgroundColor=&#39;#FFFFFF&#39;" onmouseout="this.style.backgroundColor=this.originalstyle;" style="background-color:#F9F9F9;">
			<td style="background-color:White;width:50px;">
                        <img id="GridView1_newpost1_3" src="../images/nonewpost.jpg" />
                    </td><td style="width:500px;">
                    <span id="GridView1_Forumname_3" style="font-size:Medium;font-weight:bold;"><a href='forums.aspx?fn=Injurys&Health' Title='Injury & Health'>Injury & Health</a></span><br />
                    <span id="GridView1_Forumdesciption_3" style="font-style:italic;">Your aches, pains and niggles discussed</span>
                    </td><td style="background-color:White;width:150px;">
                    <span id="GridView1_Lastpost_3"><u><font color='#284775'>earthquake</font></u><br /> By <b>bob</b> <br /> 3 Dec 11 01:47 PM</span>
                </td><td style="width:25px;">
                    <span id="GridView1_Postnumber_3" style="font-weight:bold;">1</span>
                </td><td style="background-color:White;width:25px;">
                    <span id="GridView1_Postnumber2_3" style="font-weight:bold;">1</span>
                </td>
		</tr><tr onmouseover="this.originalstyle=this.style.backgroundColor;this.style.backgroundColor=&#39;#FFFFFF&#39;" onmouseout="this.style.backgroundColor=this.originalstyle;">
			<td style="background-color:White;width:50px;">
                        <img id="GridView1_newpost1_4" src="../images/nonewpost.jpg" />
                    </td><td style="width:500px;">
                    <span id="GridView1_Forumname_4" style="font-size:Medium;font-weight:bold;"><a href='forums.aspx?fn=Other' Title='Other'>Other</a></span><br />
                    <span id="GridView1_Forumdesciption_4" style="font-style:italic;">General chat about anything</span>
                    </td><td style="background-color:White;width:150px;">
                    <span id="GridView1_Lastpost_4"><u><font color='#284775'>earthquake</font></u><br /> By <b>fred</b> <br /> 3 Dec 11 01:47 PM</span>
                </td><td style="width:25px;">
                    <span id="GridView1_Postnumber_4" style="font-weight:bold;">1</span>
                </td><td style="background-color:White;width:25px;">
                    <span id="GridView1_Postnumber2_4" style="font-weight:bold;">1</span>
                </td>
		</tr>
	</table>
</div>
          </div>
       
          
          <div id="forumstats">
              <span id="Usersonforum">Label</span>
              <br />
              <a id="HyperLink1" href="../Admin/users.aspx">HyperLink</a>
          </div>
    </div>
    </form>
</body>
</html>

Open in new window

top is firefox and bottom is IE
0
runnerjp2005
Asked:
runnerjp2005
1 Solution
 
Tom BeckCommented:
Try these changes:

#maininfolarge
{
    margin: 0 auto;
    width: 984px;
       padding: 5px;
     background-color: #F9F9F9;
   border: 3px solid #02486B;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    margin-top:15px;
    text-align:center;
}
0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now