smoker
10-15-2006, 04:00 AM
I have a page which is displaying well in FF but in IE my right hand col' has dropped off down the page completely so you can't see it unless you scroll way down.... ! Can any of you suggest what I can do to ameliorate this ?
Thanks !
<body style="background-color:#D3CED3" >
<div id="header"><img src="img/smallogo2.gif" width="197" height="51" align="middle" alt="acumen trust logo"/><h1>
Acumen Development Trust.</h1>
</div>
<div id="maincontent">
<img src="img/kate.jpg" alt="Kate Welch - Chief Executive" width="221" height="144" border="1" />
<h2>Welcome</h2>
<p>Welcome to our website. We are Acumen Development Trust and we’re
all about making a difference in the local communities of East Durham. Offering
a unique approach to regeneration, Acumen Development Trust was set up in
2003 with trustees and a board made up of representatives from the private,
public and voluntary sectors.</p>
<div class id="clearer"> </div>
<p>Now with 55 employees, we’re becoming recognised at regional and national
level as an excellent provider of services with a reputation for innovative
work which is making real progress in helping people into work and learning.</p>
<p>We play a vital role in bridging the gap between service provision and actively
helping people into learning, employment and enterprise with the support of
agencies working together through the Aim High network.</p>
<p>In just a short time three social enterprises have been set up with hundreds
more local people gaining jobs and skills through training and business start-ups.</p>
<p>I hope that the website gives you an overview of the wide range of activities
that Acumen Development Trust is currently involved in.</p>
<p>Kate Welch – Chief Executive</p>
</div>
<div id="nav">
<div class="navcontainer">
<ul class="navlist">
<li><a href="http://www.acumentrust.org.uk/corporate.html" title="Who we are and what we do, including our annual report">Corporate</a></li>
<li><a href="http://www.acumentrust.org.uk/employment.html" title="How we help local people into work">Employment</a></li>
<li><a href="http://www.acumentrust.org.uk/learning.html" title="Acumen Development Trust is an approved learning and Skills Council Provider">Learning</a></li>
<li><a href="http://www.acumentrust.org.uk/business_coaching.html" title="A team of Business Coaches offer a full range of business support and guidance">Business
Coaching</a></li>
<li><a href="http://www.acumentrust.org.uk/enterprise.html" title="The Green Leaf Cafe - Wheels 4Work - Bloomin Marvellous">Social
Enterprises</a></li>
<li><a href="http://www.acumentrust.org.uk/news.html" title="Catch up on Acumen News, Events & Press Releases">News
& Events</a></li>
<li><a href="http://www.acumentrust.org.uk/contact.html" title="Full details on how you can contact us by telephone, email or fax including a map on how to find us.">Contact
Us</a></li>
</ul>
</div>
<h4>Click below to search this site</h4><a href="search/search.php"><img src="img/acsearch.gif" alt="Click here to search our site" width="200" height="29" border="0" /></a>
<div id class="indexfooter">copyright reserved<br />
Acumen Community Enterprise Development Trust Ltd.
<p>Website Design by <a href = "mailto:ray@raysloan.com">cannycule</a></p></div>
</div>
</body>
</html>
CSS
body {
background-color: #5A5578;
font-family: Arial, 'Times New Roman', Helvetica;
font-size: 100%;
color: black;
}
#header {
margin-top: 30px;
margin-left: 27px;
margin-bottom: 10px;
}
#header img {
float: left;
margin-right: 10px;
}
#header h1 {
font-size: 0.8em;
color: blue;
font-weight: normal;
padding-top: 10px;
}
#maincontent {
float: left;
background-color: #CCCCFF;
color: black;
font-size: 0.8em;
width: 600px;
margin-left: 30px;
padding-right: 10px;
padding-bottom: 30px;
padding-left: 30px;
}
#maincontent h2 {
padding-top: 15px;
padding-left: 360px;
font-size: 1.4em;
font-weight: normal;
color: maroon;
}
#maincontent img {
float: left;
margin-top: 25px;
margin-right: 30px;
}
.clearer {
clear: left;
}
#nav {
color: blue;
margin-right: 20px;
background-image: url(img/edge.gif); width: 3px;
background-repeat: repeat-y;
margin-left: 690px;
}
.navcontainer {
padding-top: 30px;
padding-bottom: 50px;
padding-left: 75px;
}
.navlist {
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
background: gray;
width: 13em;
}
.navlist li {
list-style: none;
margin: 0;
border-top: 1px solid gray;
text-align: left;
}
.navlist li a {
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #AAB;
background: #CCD;
text-decoration: none;
}
.navlist li a:link { color: #448; }
.navlist li a:visited { color: #667; }
.navlist li a:hover {
border-color: maroon;
color: #FFF;
background: #332;
}
#nav img {
margin-left: 52px;
margin-bottom: 30px;
}
#nav h4 {
width: 250px;
font-size: 1em;
font-weight: normal;
text-align: center;
margin-left: 30px;
}
.indexfooter {
width: 250px;
text-align: center;
margin-top: 40px;
Text-align: center;
font-size: 0.6em;
padding-left: 15px;
}
Thanks !
<body style="background-color:#D3CED3" >
<div id="header"><img src="img/smallogo2.gif" width="197" height="51" align="middle" alt="acumen trust logo"/><h1>
Acumen Development Trust.</h1>
</div>
<div id="maincontent">
<img src="img/kate.jpg" alt="Kate Welch - Chief Executive" width="221" height="144" border="1" />
<h2>Welcome</h2>
<p>Welcome to our website. We are Acumen Development Trust and we’re
all about making a difference in the local communities of East Durham. Offering
a unique approach to regeneration, Acumen Development Trust was set up in
2003 with trustees and a board made up of representatives from the private,
public and voluntary sectors.</p>
<div class id="clearer"> </div>
<p>Now with 55 employees, we’re becoming recognised at regional and national
level as an excellent provider of services with a reputation for innovative
work which is making real progress in helping people into work and learning.</p>
<p>We play a vital role in bridging the gap between service provision and actively
helping people into learning, employment and enterprise with the support of
agencies working together through the Aim High network.</p>
<p>In just a short time three social enterprises have been set up with hundreds
more local people gaining jobs and skills through training and business start-ups.</p>
<p>I hope that the website gives you an overview of the wide range of activities
that Acumen Development Trust is currently involved in.</p>
<p>Kate Welch – Chief Executive</p>
</div>
<div id="nav">
<div class="navcontainer">
<ul class="navlist">
<li><a href="http://www.acumentrust.org.uk/corporate.html" title="Who we are and what we do, including our annual report">Corporate</a></li>
<li><a href="http://www.acumentrust.org.uk/employment.html" title="How we help local people into work">Employment</a></li>
<li><a href="http://www.acumentrust.org.uk/learning.html" title="Acumen Development Trust is an approved learning and Skills Council Provider">Learning</a></li>
<li><a href="http://www.acumentrust.org.uk/business_coaching.html" title="A team of Business Coaches offer a full range of business support and guidance">Business
Coaching</a></li>
<li><a href="http://www.acumentrust.org.uk/enterprise.html" title="The Green Leaf Cafe - Wheels 4Work - Bloomin Marvellous">Social
Enterprises</a></li>
<li><a href="http://www.acumentrust.org.uk/news.html" title="Catch up on Acumen News, Events & Press Releases">News
& Events</a></li>
<li><a href="http://www.acumentrust.org.uk/contact.html" title="Full details on how you can contact us by telephone, email or fax including a map on how to find us.">Contact
Us</a></li>
</ul>
</div>
<h4>Click below to search this site</h4><a href="search/search.php"><img src="img/acsearch.gif" alt="Click here to search our site" width="200" height="29" border="0" /></a>
<div id class="indexfooter">copyright reserved<br />
Acumen Community Enterprise Development Trust Ltd.
<p>Website Design by <a href = "mailto:ray@raysloan.com">cannycule</a></p></div>
</div>
</body>
</html>
CSS
body {
background-color: #5A5578;
font-family: Arial, 'Times New Roman', Helvetica;
font-size: 100%;
color: black;
}
#header {
margin-top: 30px;
margin-left: 27px;
margin-bottom: 10px;
}
#header img {
float: left;
margin-right: 10px;
}
#header h1 {
font-size: 0.8em;
color: blue;
font-weight: normal;
padding-top: 10px;
}
#maincontent {
float: left;
background-color: #CCCCFF;
color: black;
font-size: 0.8em;
width: 600px;
margin-left: 30px;
padding-right: 10px;
padding-bottom: 30px;
padding-left: 30px;
}
#maincontent h2 {
padding-top: 15px;
padding-left: 360px;
font-size: 1.4em;
font-weight: normal;
color: maroon;
}
#maincontent img {
float: left;
margin-top: 25px;
margin-right: 30px;
}
.clearer {
clear: left;
}
#nav {
color: blue;
margin-right: 20px;
background-image: url(img/edge.gif); width: 3px;
background-repeat: repeat-y;
margin-left: 690px;
}
.navcontainer {
padding-top: 30px;
padding-bottom: 50px;
padding-left: 75px;
}
.navlist {
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
background: gray;
width: 13em;
}
.navlist li {
list-style: none;
margin: 0;
border-top: 1px solid gray;
text-align: left;
}
.navlist li a {
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #AAB;
background: #CCD;
text-decoration: none;
}
.navlist li a:link { color: #448; }
.navlist li a:visited { color: #667; }
.navlist li a:hover {
border-color: maroon;
color: #FFF;
background: #332;
}
#nav img {
margin-left: 52px;
margin-bottom: 30px;
}
#nav h4 {
width: 250px;
font-size: 1em;
font-weight: normal;
text-align: center;
margin-left: 30px;
}
.indexfooter {
width: 250px;
text-align: center;
margin-top: 40px;
Text-align: center;
font-size: 0.6em;
padding-left: 15px;
}