Okay this has got me stumped. i am designing a site but the content div isn't expanding all the way down to the footer div in opera and firefox but it is in IE.
Not had this one before and have tried adding various height:100% and min heights to the divs but no luck.
Any ideas??
/* CSS Document */
body
{
background: url(Images/bg_grad.gif) 0% 0% repeat-x;
background-attachment: scroll;
text-align: center;
margin: 0;
padding: 0;
border: 0;
}
img
{
border:0;
padding:0;
}
p {
font-size: 12px;
font-family: Arial,sans-serif;
color:#ffffff;
}
p.gray {
font-size: 11px;
font-family: Arial,sans-serif;
color:#cccccc;
}
#title{
font-family:Arial, sans-serif;
margin-bottom:30px;
color:#ffffff;
font-size:35px;
}
h3
{
font-size: 13px;
font-family: Arial,sans-serif;
color:#cccccc;
font-weight: bold;
padding-left:15px;
}
h4
{
font-size: 14px;
font-family: Arial,sans-serif;
color:#ffffff;
background-image:url(Images/title_container.gif);
}
div#wrapper
{
width:865px;
margin-left:auto;
margin-top:0;
margin-bottom:0;
margin-right:auto;
background:#000000;
text-align: left;
paddding:0;
}
div#header
{
float:left;
background:#000000;
margin: 0;
padding: 0;
}
div#header img
{
margin:0;
padding:0;
}
div#infobox
{
float:left;
width: 225px;
background-color:#000000;
padding-top:45px;
padding-left:25px;
padding-right:0;
padding-bottom:0;
margin:0;
border:0;
height:100%
}
#infobox ul
{
list-style-type:disc;
background:#333333;
margin: 0;
padding: 25px 0 25px 25px;
}
#infobox li
{
font-size:12px;
font-family: Arial,sans-serif;
color:#ffffff;
line-height: 1.1;
padding-bottom:5px;
}
#infobox a
{
font-size: 12px;
font-family: Arial,sans-serif;
color:#cccccc;
}
div#content
{
float: right;
width: 615px;
background:#000000;
padding:0;
padding-top:10px;
margin:0;
border:0;
height:100%;
}
div#content img
{
padding-left:15px;
padding-top:10px;
border:0;
}
div#content p
{
padding-right:15px;
padding-left:15px;
}
/*#mirrortitle {background: url(Images/most_recent.jpg)no-repeat;width:139px; height:33px; background-position:15px 0px; display:inline-block; }
#newspanID {display: none; color:#ffffff;}*/
h2{
font-size: 13px;
font-family: Arial,sans-serif;
color:#cccccc;
font-weight: bold;
padding-left:15px;
}
div#footer
{
float:left;
background:#000000;
width:100%;
padding-top:10px;
padding-bottom:10px;
}
#footer p
{
font-size:11px;
font-family: Arial,sans-serif;
color:#cccccc;
text-align:right;
padding-right:15px;
padding-top:15px;
vertical-align: bottom ;
}
#footer img
{
float:left;
padding-top:10px;
}
/*nav bar */
div#navcontainer { background:#000000; float:left; width:100%; padding-bottom:10px; }
ul#navlist
{
margin: 0;
padding: 0;
list-style-type: none;
white-space: nowrap;
}
ul#navlist li
{
float: left;
font-family:arial, sans-serif;
color:#bebebe;
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 5px 0 4px 0;
background-color: #000000;
/*border-top: 1px solid #cccccc;*/
/*border-bottom: 1px solid #cccccc;*/
}
#navlist a, #navlist a:link
{
margin: 0;
padding: 5px 9px 4px 9px;
color: #cccccc;
border-right: 1px solid #5f5f5f;
text-decoration: none;
}
ul#navlist li#active
{
color: #8d8d8d;
background-color: #b5b5b5;
}
#navlist a:hover
{
color: #000000;
background-color: #f4f4f4;
}
/*end of nav */<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Template</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="wrapper">
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">HOME</a></li>
<li><a href="#">OUR EXPERTISE</a></li>
<li><a href="#">ABOUT US</a></li>
<li><a href="#">NEWS</a></li>
<li><a href="#">PEOPLE</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</div><!--- end of nav --->
<div id = "header"> <img src="/Images/JRA_logo.jpg" width="242" height="130" align="left" valign="bottom"><img src="Images/banner1_jra.jpg" width="613" height="156" align="right"></div>
<div id ="infobox">
<h4>Archived News Stories</h4>
<p>Click on the archive news links from the "click on a story" box to view
older news stories. To view stories from previous years choose a year from
the "click on a year" box.</p>
<h4>Click on a year</h4>
<ul>
<li>2010</li>
<li>2009</li>
<li>2008</li>
<li>2007</li>
<li>2006</li>
</ul>
<h4>Click on a story</h4>
<ul>
<li>JRA achieves ISO 14001 Environmental Standard</li>
<li>JRA AEROSPACE and Northwest Data Solutions form SMS Pro™ Strategic Partnership</li>
<li>JRA Aerospace Exibits at Paris Airshow with SITEC</li>
<li>Tom Griffiths joins JRA as Operations Manager</li>
<li>Peter Moores, Managing Director of JRA Aerospace (<a href="http://www.jra-aero.com">www.jra-aero.com</a>)
retires after 21 years in the company.</li>
</ul>
</div>
<!--- end of infobox --->
<div id ="content">
<p>View our latest news and events and view our older news stories by browsing the archives on the left.</p>
<img src="Images/seperator.gif" width="600" height="2">
<img src="Images/most_recent.jpg" width="124" height="33">
<h3>JRA achieves ISO 14001 Environmental Standard</h3>
<p class="gray">Added 06 Nov, 2009</p>
<p><img src="Images/veritas.png" width="304" height="141" align="right">RA
is very pleased to announce that they have achieved the ISO 14001:2004 Environmental
Management Standard, confirming their commitment to long-term environmental
protection. The international standard requires procedures for managing
environmental aspects of a business, with targets for waste reduction and
energy efficiency. Andy Ramdeen, JRA’s Senior Environmental Management Consultant
explains, "We're really proud of this achievement. Many of our staff are
already actively involved in environmental issues, so it seemed logical
for the company to build on this enthusiasm” Andy Evans JRA’s Business Director
commented ‘I am very pleased that our Environmental Management System has
been certified and integrated into our day to day activities. Climate change
is the most important challenge of our time and I look forward to JRA doing
our best to address the cause’ ISO 14000 is a series of standards that provide
an organization with a structure for managing its environmental activities.
Within this series, ISO 14001 helps firms manage their processes and activities
to both identify and control environmental impacts. Only accredited registrars
can certify that a firm meets the rigorous standards of ISO 14001. </p>
</div>
<!--- end of content --->
<div id = "footer"> <img src="Images/seperator.gif" width="865" height="2">
<img src="Images/is09001_small.png" width="174" height="64"><img src="Images/iso14001_small.png" width="134" height="63"><img src="Images/fac.gif" width="84" height="56">
<p>Copyrignt JRA Aerospace Ltd <br /><br />
JRA Aerospace Ltd • JRA House • Taylors Close Marlow • Buckinghamshire
• SL7 1PR •UK</p>
</div>
<!--- end of footer --->
</div>
<!--- end of container--->
</body>
</html>