I am trying to use a clear to get my bottom nav bar below the quote box
on the right, but it isn't working. I would like the bottom edge of the
quote box to "stick" to the footer nav bar but copy to be able to flow
to the left of the quote box. For the bonus round I would like the
right edge of the box to align with the right edge of the footer Could
someone take a look at my code and help a newbie troubleshoot? my email
is lroeder at hbginc dot biz
Thanks! The link is here:
http://www.healthcarebranding.com/news_test.htm
All of the code is below:
<html>
<head>
<title>About Healthcare Branding Group</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<meta name="description" content="Healthcare Branding Group is a
strategic healthcare branding, marketing and communications firm. We
specialize in the invention and revitalization of healthcare and
lifestyle brands through business intelligence & consulting; brand
strategy development; strategic naming and logo/brand identity design;
product, service and business model development; communications and
advertising; marketing planning and implementation; and website design
and development.">
<meta name="description" content="Healthcare Branding Group is a
strategic healthcare branding, marketing and communications firm. We
specialize in the invention and revitalization of healthcare and
lifestyle brands through business intelligence & consulting; brand
strategy development; strategic naming and logo/brand identity design;
product, service and business model development; communications and
advertising; marketing planning and implementation; and website design
and development.">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if
((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH)
location.reload();
}
MM_reloadPage(true);
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr;
for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image;
d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<link href="styles.css" rel="stylesheet" type="text/css">
<!--[if IE 6]>
<style>#navlist a {height: 11px;}</style>
<![endif]-->
<style type="text/css">
<!--
..style1 {color: #5188ad}
-->
</style>
</head>
<body
onLoad="MM_preloadImages('images/home/about_on.jpg','images/home/our_thinking_on.jpg','images/home/partnerships_on.jpg','images/home/work_on.jpg','images/home/news_on.jpg','images/home/contact_on.jpg','images/news/test/newsarch_on.gif')">
<body
onLoad="MM_preloadImages('images/home/about_on.jpg','images/home/our_thinking_on.jpg','images/home/partnerships_on.jpg','images/home/work_on.jpg','images/home/news_on.jpg','images/home/contact_on.jpg','images/general/download_profile_on.jpg')">
<table width="100%" height="100%" border="0" cellpadding="0"
cellspacing="0"
style="background-image:url(images/general/page_bg.jpg);
background-position:top center; background-repeat:repeat-y;">
<tr>
<td valign="top"><div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="background-image:url(images/general/top_bg.jpg);
background-position:right; background-repeat:no-repeat;"> </td>
<td width="760" height="73"
style="background-image:url(images/general/top_bg.jpg);background-repeat:repeat-x;"><div
id="logo"><a href="index.html"><img src="images/home/logo.jpg"
width="317" height="68" border="0"></a></div>
<div id="nav"><a href="about.htm" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image1','','images/home/about_on.jpg',1)"><img
src="images/home/about_on.jpg" alt="About" name="Image1" width="64"
height="73" border="0"></a><a href="our_thinking.htm"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image2','','images/home/our_thinking_on.jpg',1)"><img
src="images/home/our_thinking_off.jpg" alt="Our Thinking" name="Image2"
width="96" height="73" border="0"></a><a href="partnerships.htm"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image3','','images/home/partnerships_on.jpg',1)"><img
src="images/home/partnerships_off.jpg" alt="Partnerships" name="Image3"
width="99" height="73" border="0"></a><a href="work.htm"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image4','','images/home/work_on.jpg',1)"><img
src="images/home/work_off.jpg" alt="Work" name="Image4" width="56"
height="73" border="0"></a><a href="news.htm"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image5','','images/home/news_on.jpg',1)"><img
src="images/home/news_off.jpg" alt="News" name="Image5" width="56"
height="73" border="0"></a><a href="contact.htm"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image6','','images/home/contact_on.jpg',1)"><img
src="images/home/contact_off.jpg" alt="Contact" name="Image6"
width="72" height="73" border="0"></a></div></td>
<td style="background-image:url(images/general/top_bg.jpg);
background-position:left; background-repeat:no-repeat;"> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF" style="background-position:bottom
right; background-repeat:no-repeat "> </td>
<td valign="top" bgcolor="#FFFFFF">
<!-- WHERE THE LEFT CONTENT BEGINS -->
<div id="leftcolumncontent" style="width:542px; height:auto;
padding:0px; margin:0px; overflow:hidden">
<div id="Layer2" style="width:500px; height:auto; float:left;
z-index:102" class="bodycopy"<span style="margin-top:26px;
display:block;"<img src="images/news/test/news_title.gif" width="365"
height="48"><br>
<p>It's an incredible time to be in healthcare. The speed at
which medicine and technology are advancing is astonishing.
Genomics, regenerative medicine, cures for diseases that
once threatened our very existence - exciting doesn't even begin to
describe it. But how can a company ensure its own survival
on this fast-moving world stage? </p>
<p>In today's global economy, a powerful brand is no
longer a luxury afforded only to Fortune 500 companies - it's an
absolute
necessity for any organization's survival amid
competition from every corner of the earth. This is true for any
industry - yet, it's
especially important in the healthcare sector. </p>
<p>In today's rapidly evolving world, people are becoming
more knowledgeable, seeking information and taking an active role in
their healthcare choices like never before. That's why
healthcare and life sciences brands must instill immediate and lasting
confidence in their products and services - to attract
talented employees and loyal customers, and create a unique and
memorable experience that keeps them coming back for
more.</p>
<p><strong>HBG, SVH Honored With Best of Show
Award</strong><strong><br>
</strong>HBG is proud to have partnered with St. Vincent
Healthcare (SVH) of the Sisters of Charity of Leavenworth Health System
in the creation of an award-winning advertisement featured in a recent
issue of<emU.S. News & World Report</em>. The advertisement was
honored as this year’s “Best of Show” at The 23rd
Annual Healthcare Advertising Awards, an honor given to only 16
submissions chosen from nearly 3900 entries from all over the world.
The advertisement also received the Gold award in its category.
<a href="archive.htm" class="bodylinks">Read more ></a>
</p>
</span>
<p>Ud dolum dolobortisci tie do core exer adiatue magnim deliquat,
volutatet, conse etumsandreet er inis eu feu feugiam commodo odipsummy
niatet, ver sustrud tatue ting eugait, sequatum iure consequis
nullamcon ute feuiscin velit nulput praesti onsequa mconsed eumsan
elit, vero digna adio et nonsequ amcortie tin enit ipit, sed doluptat
ulla faci blan utpate consenisl dolutatis augiam, sum duisi.</p>
<p>Ud dolum dolobortisci tie do core exer adiatue magnim deliquat,
volutatet, conse etumsandreet er inis eu feu feugiam commodo odipsummy
niatet, ver sustrud tatue ting eugait, sequatum iure consequis
nullamcon ute feuiscin velit nulput praesti onsequa mconsed eumsan
elit, vero digna adio et nonsequ amcortie tin enit ipit, sed doluptat
ulla faci blan utpate consenisl dolutatis augiam, sum duisi.</p>
<p>Ud dolum dolobortisci tie do core exer adiatue magnim
deliquat, volutatet, conse etumsandreet er inis eu feu feugiam commodo
odipsummy niatet, ver sustrud tatue ting eugait, sequatum iure
consequis nullamcon ute feuiscin velit nulput praesti onsequa mconsed
eumsan elit, vero digna adio et nonsequ amcortie tin enit ipit, sed
doluptat ulla faci blan utpate consenisl dolutatis augiam, sum
duisi.</p>
<p>Ud dolum dolobortisci tie do core exer adiatue magnim
deliquat, volutatet, conse etumsandreet er inis eu feu feugiam commodo
odipsummy niatet, ver sustrud tatue ting eugait, sequatum iure
consequis nullamcon ute feuiscin velit nulput praesti onsequa mconsed
eumsan elit, vero digna adio et nonsequ amcortie tin enit ipit, sed
doluptat ulla faci blan utpate consenisl dolutatis augiam, sum
duisi.</p>
<p>Ud dolum dolobortisci tie do core exer adiatue magnim
deliquat, volutatet, conse etumsandreet er inis eu feu feugiam commodo
odipsummy niatet, ver sustrud tatue ting eugait, sequatum iure
consequis nullamcon ute feuiscin velit nulput praesti onsequa mconsed
eumsan elit, vero digna adio et nonsequ amcortie tin enit ipit, sed
doluptat ulla faci blan utpate consenisl dolutatis augiam, sum
duisi.</p>
<p>Ud dolum dolobortisci tie do core exer adiatue magnim
deliquat, volutatet, conse etumsandreet er inis eu feu feugiam commodo
odipsummy niatet, ver sustrud tatue ting eugait, sequatum iure
consequis nullamcon ute feuiscin velit nulput praesti onsequa mconsed
eumsan elit, vero digna adio et nonsequ amcortie tin enit ipit, sed
doluptat ulla faci blan utpate consenisl dolutatis augiam, sum
duisi.</p>
</div>
</div<!-- WHERE THE LEFT CONTENT ENDS -->
<!-- WHERE THE RIGHT CONTENT BEGINS -->
<div id="rightcolumncontent">
<div id="subnavigation" >
<img src="images/about/aboutsubnav_title.jpg" width="218"
height="46">
<div id="navlist">
<ul>
<li><a href="#.htm">Featured Story</a></li>
<li><a href="#.htm">Featured Story </a></li>
<li><a href="#.htm">Featured Story</a></li>
<li><a href="#.htm">Featured Story</a></li>
<li><a href="#.htm">Featured Story</a></li>
<li><a href="#.htm">Featured Story</a></li>
</ul>
</div>
</div>
<p><a href="#" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image12','','images/news/test/newsarch_on.gif',1)"><img
src="images/news/test/newsarch_off.gif" alt="news archvive"
name="Image12" width="218" height="79" border="0"></a></p>
</div>
<!-- WHERE THE RIGHT CONTENT ENDS -->
</div>
</td>
<td bgcolor="#FFFFFF"
style="background-image:url(images/about/lower_right_bg.jpg);
background-position:top left; background-repeat:no-repeat "> </td>
</tr>
</table>
<table width="100%" height="100%" border="0" cellpadding="0"
cellspacing="0">
<tr>
<td align="center" valign="top"
style="background-image:url(images/general/bottom_bg.jpg);
background-position:top; background-repeat:no-repeat;">
<!-- BOTTOM CONTENT BEGIN -->
<!-- this is what im trying to figure out- how to get the footer
div to stay below the quotebox -->
<div id="quotebox" style="float:right; position:relative;
overflow:hidden"><img src="images/news/test/news_quote.gif" width="218"
height="228"></div>
<div id="footer" style="position:relative; clear:both; width:740px;
height:15px; z-index:11; margin: 10px 10px 0px 10px; color:#FFFFFF;
text-align:left;" class="bodylinks">
<div style="width:300px; float:left;"<a href="about.htm"
class="interiorlinks">©2006
HBG, Inc.</a><span class="style1"| </span></div>
<div style="width:400px; float:right; text-align:right;"><a
href="about.htm" class="interiorlinks"</a><a href="index.html"
class="interiorlinks">Home</a| <a href="about.htm"
class="interiorlinks">About </a| <a href="our_thinking.htm"
class="interiorlinks">Our
Thinking </a| <a href="partnerships.htm"
class="interiorlinks">Partnerships </a>|<a href="work.htm"
class="interiorlinks"Work </a| <a href="news.htm"
class="interiorlinks">News </a| <a href="contact.htm"
class="interiorlinks">Contact </a></div>
</div>
</td>
</tr>
</table>
</div></td>
</tr>
</table>
</body>
</html>