Webmaster Forum / HTML, CSS, Scripts / CSS / September 2005

smokeyd      Sep 26, 2:12 pm     show options
Newsgroups: alt.html
From: "smokeyd" <tom_bur...@umbro.co.uk> - Find messages by this author
Date: 26 Sep 2005 06:12:11 -0700
Local: Mon, Sep 26 2005 2:12 pm
Subject: IE/ Firefox CSS Border Problem
Reply | Reply to Author | Forward | Print | Individual Message | Show
original | Remove | Report Abuse

Hi All,

I am new to this group but hoping that you may be able to help me.  I
have built a site using divs and css that works fine in I.E. but is
having probelms is Firefox.  The site is currently live at:
http://www.umbroplc.com/standard_1.aspx?id=6:108  In IE everything
displays fine however in Firefox the border cuts off halfway down the
page.  I would be grateful of any help that you may be able to give
me..

Many thanks, the code is below:

///////////////////////////////html page:

<div id="global">
       <div id="header">
               <div id="headertitle">
               </div>
               <div id="navbar">
               </div>
 </div>
 <div id="mainbody">
               <div id="sidenav">
               </div>
               <div id="content">
               </div>
 </div>
       <div id="footer">
               <div id="footerleft">
               </div>
               <div id="footerright">
               </div>/
       </div>
</div>

///////////////////////////////// CSS

body {
       text-align:center;
}

#global {
       width:720px;
       border:1px solid #165B9F;
       margin-top:0px;
   margin-bottom:0px;
   margin-left:auto;
       margin-right:auto;
       height: 100%;
}
#header {
}

#headertitle{
       text-align:left;
       padding: 5px;
}

#mainbody       {
       height:100%;
       padding-top:0px;
       padding-left:0px;
       padding-right:0px;
       margin-top:0px;
       width:720px;
}

#sidenav        {
       width:200px;
       text-align:left;
       padding: 5px;
       float:left;
       clear:right;
       margin:0px;
       margin-top:20px;

}

#content        {
       text-align:left;
       padding: 5px;
       float:right;
       width:500px;
       margin:0px;
       margin-top:20px;
}

#footer {
       text-align:left;
       padding: 0px;
       width:720px;
       border-top: 1px solid #165B9F;
}

#footerright    {
       width:250px;
       text-align:right;
       padding: 20px;
       float:right;
       margin-top:-7px;
       margin-right:30px;
}

#footerleft     {
       width:250px;
       text-align:left;
       padding: 20px;
       float:left;
       margin-top:0px;
       margin-left:30px;