Forum Moderators: not2easy
I believe its an display: inline problem but I've placed that code in the following divs and classes to no avail.
footer_Content
footer_Content ul
centerBoxes
Thanks again
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
CSS
#footer {
border-top-style: solid;
border-top-color:#CCCCCC;
border-top-width: 1px;
background-color:#ffff66;
margin-top: 0px;
font-size: 11px;
font-family: Helvetica, Arial, Verdana, sans-serif;
color:#000000;
clear: both;
}#footer a {
text-decoration: none;
color: #315e6b;
}
#footer a:hover {
text-decoration: underline;
}
.footer_content {
float: left;
padding-right: 20px;
top: 0px;
margin: 0 auto;
text-align:left;
}
.footer_content li {
margin: 0px;
list-style: none;
padding: 0px;
top: 0px;
}
.footer_content h4 {
height: 16px;
text-decoration:underline;
top:0px;
color:#0c69e8;
font-size: 14px;
font-weight:bold;
letter-spacing: 1.3px;
padding: 0px 0px 2px 0px;
margin: 0px 0px 2px 0px;
}
.centerBoxes{
height: inherit;
margin: 0 auto;
width: 745px;
}
.footer_content ul {
margin: 0px;
padding: 0px;
top: 0px;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
.13-col {
width: 900px;
}
Html
<div class = "container" id="footer">
<div class="centerBoxes clearfix">
<div class="footer_content">
<h4>About</h4>
<ul>
<li><a href="http://www.example.com/site/page/about-Example/">About Example</a></li>
<li><a href="http://www.example.com/site/page/contact-us/">Contact Us</a></li>
<li><a href="http://www.example.com/site/page/testimonials/">Testimonials</a></li>
<li><a href="http://www.example.com/site/page/press/">Press</a></li>
</ul>
</div>
<div class="footer_content">
<h4>Questions?</h4>
<ul>
<li><a href="http://www.example.com/site/page/help-and-faqs/">Help & FAQs</a></li>
<li><a href="http://www.example.com/site/page/website-feedback/">Website Feedback</a></li>
</ul>
</div>
<div class="footer_content">
<h4>Look Around</h4>
<ul>
<li><a href="http://www.example.com/site/page/create-a-sample-letter/">Create a Sample Letter</a></li>
<li><a href="http://www.example.com/site/page/experience-Example/">Experience Example</a></li>
<li><a href="http://www.example.com/site/page/free-trial-offer/" style="color:#ff0000; font-weight: bold;">Free Trial Offer!</a></li>
<li><a href="http://www.example.com/site/page/doodleblog/">Doodleblog</a></li>
<li><a href="http://www.example.com/site/page/sitemap/">Sitemap</a></li>
</ul>
</div>
<div class="footer_content">
<h4>Get Involved</h4>
<ul>
<li><a href="http://www.example.com/site/page/doodle-ideas/">Visit Doodle Ideas</a></li>
<li><a href="http://www.example.com/site/page/suggest-a-feature-or-story/#suggest-Feature">Suggest a Feature</a></li>
<li><a href="http://www.example.com/site/page/suggest-a-feature-or-story">Suggest a Story</a></li>
<li><a href="http://www.example.com/site/page/parenting-resources/">Parenting Resources</a></li>
<li><a href="http://www.example.com/site/page/positions/">Join the Example team</a></li>
</ul>
</div>
<div class="footer_content">
<h4>Share the Story</h4>
<ul>
<li><a href="http://www.example.com/site/page/tell-a-friend/">Tell a Friend</a></li>
<li><a href="http://www.example.com/site/page/partners/">Partners</a></li>
<li><a href="http://www.example.com/site/page/banners-and-links/">Banners & Links</a></li>
<li><a href="http://www.example.com/site/page/affiliates/">Affiliates</a></li>
</ul>
</div>
<div class="footer_content">
<h4>Sign Up</h4>
<ul>
<li><a href="http://www.example.com/site/page/tell-friend" style="color:#ff0000; font-weight: bold;">Subscribe Today!</a></li>
</ul>
</div>
<!-- end of centerBoxes -->
</div>
<!-- end of 13-col -->
<!-- end of container footer -->
</div>
