|
Posted by smokeyd on 09/26/05 16:12
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;
}
Navigation:
[Reply to this message]
|