0

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>
1
Contributor
1
Reply
2
Views
7 Years
Discussion Span
Last Post by kained
0

I have solved this problem by adding a float:right and a margin-right:25%;

to my wrapper div.

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.