Member_2_5230414
asked on
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.
and here is my html
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;
}
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="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" />
</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='#FFFFFF'" 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='#FFFFFF'" 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='#FFFFFF'" 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='#FFFFFF'" 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='#FFFFFF'" 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>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.