Hi,
I really can’t figure out what it is I’m missing here.
Footer is displaying fine in FF3, Opera 10.10, Safari 4.0.4, Chrome 4.0, but columns are off in IE8.
All columns are nicely left aligned in everything but IE8. They look right aligned in in IE8.
I’ve put text-align:left; everywhere, but it doesn’t make a difference!
Any help greatly appreciated.
Col
Here’s the code:
<style type="text/css">
#footer {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
}
.containerfooter { /*class: can be used multiple times*/
width:960px;
margin: 0 auto;
text-align:left;
}
.footer_column_one {
float:left;
min-width:135px;
width:auto;
margin:left;
padding-left:30px;
padding-bottom:0px;
padding-top:10px;
text-align:left;
/*border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #CCCCCC;
border-bottom-color: #CCCCCC;*/
}
#footer .long {
width:95px;
}
.footer_column_three {
width:950px;
float:left;
text-align:center;
padding-bottom:10px;
padding-top:10px;
}
.footer_column_one ul li a, .footer_column_one ul {
list-style:none;
/*margin:0px;*/
padding:0px;
text-decoration: none;
color: #666666;
}
#footer_column_three a {
text-decoration:none;
color:#716d6a;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
}
.footer_column_two ul li, .footer_column_two ul {
list-style:none;
margin:0px;
padding:0px;
}
#footer h3 {
color:#333333;
text-transform:uppercase;
font-size:10px;
}
</style>
<div id="footer">
<div class="containerfooter">
<div class="footer_column_one">
<h3>Our Company</h3>
<ul>
<li><a href="<?php echo tep_href_link(FILENAME_ALL_ABOUT_US, ''); ?>">About Us</a></li>
<li><a href="<?php echo tep_href_link(FILENAME_CONTACT_US, ''); ?>">Contact Us</a></li>
<li><a href="<?php echo tep_href_link(FILENAME_FEEDBACK, ''); ?>">Feedback</a></li>
<li><a href="<?php echo tep_href_link(FILENAME_PRIVACY, ''); ?>">Privacy Policy</a></li>
<li><a href="<?php echo tep_href_link(FILENAME_CONDITIONS, ''); ?>">Terms and Conditions</a></li>
<!--Copyright <?php echo date('Y'); ?> © <a href="<?php echo tep_href_link(FILENAME_DEFAULT, ''); ?>">**</a>-->
</ul>
<br />
</div>
<div class="footer_column_one">
<h3>Customer Information</h3>
<ul>
<li><a href="<?php echo tep_href_link(FILENAME_DELIVERY, ''); ?>">Delivery & Returns</a></li>
<li><a href="<?php echo tep_href_link(FILENAME_BABY_WEARING, ''); ?>">Baby Wearing</a></li>
<li><a href="<?php echo tep_href_link(FILENAME_WOOLLY_MATTERS, ''); ?>">Natural Fibres</a></li>
<li><a href="<?php echo tep_href_link(FILENAME_NATURAL_ORGANIC_SKINCARE, ''); ?>">Natural Organic Skincare</a></li>
</ul>
<br />
</div>
<div class="footer_column_one">
<h3>Shop</h3>
<ul>
<li><a href="<?php echo tep_href_link(FILENAME_DEFAULT, 'cPath=22' . $listing['products_id']); ?>">Natural Skincare</a></li>
<li><a href="<?php echo tep_href_link(FILENAME_DEFAULT, 'cPath=21' . $listing['products_id']); ?>">Baby Wearing</a></li>
<li><a href="<?php echo tep_href_link(FILENAME_DEFAULT, 'cPath=44' . $listing['products_id']); ?>">Organic Bedding</a></li>
<li><a href="<?php echo tep_href_link(FILENAME_DEAFULT, 'cPath=44' . $listing['products_id']); ?>">Organic Baby Clothing</a></li>
<li><a href="<?php echo tep_href_link(FILENAME_DEAFULT, 'cPath=85' . $listing['products_id']); ?>">Maternity</a></li>
<li><a href="<?php echo tep_href_link(FILENAME_DEAFULT, 'cPath=37' . $listing['products_id']); ?>">Organic Sheepskins</a></li>
<li><a href="<?php echo tep_href_link(FILENAME_DEAFULT, 'cPath=35' . $listing['products_id']); ?>">Toys</a></li>
<li><a href="<?php echo tep_href_link(FILENAME_DEAFULT, 'cPath=43' . $listing['products_id']); ?>">Home</a></li>
</ul>
<br />
</div>
<div class="footer_column_one">
<h3>Resources</h3>
<ul>
<li><a href="<?php echo tep_href_link(FILENAME_DEFAULT, ''); ?>">Gift Card </a></li>
<li><a href="<?php echo tep_href_link(FILENAME_DEFAULT, ''); ?>">Gift Registry</a></li>
<li><a href="<?php echo tep_href_link(FILENAME_DEFAULT, ''); ?>">Customer Favourites</a></li>
<li><a href="<?php echo tep_href_link(FILENAME_DEAFULT, ''); ?>">As Seen In</a></li>
<li><a href="<?php echo tep_href_link(FILENAME_DEAFULT, ''); ?>">Refer A Friend</a></li>
<li><a href="<?php echo tep_href_link(FILENAME_DEAFULT, ''); ?>">Loyalty Scheme</a></li>
<li><a href="<?php echo tep_href_link(FILENAME_DEAFULT, ''); ?>">Groups</a></li>
</ul>
<br /><br />
</div>
<div class="footer_column_one" style="height:158px;">
<h3>Join Us</h3>
<?php echo tep_image(DIR_WS_IMAGES . 'FaceBook-icon.png'); ?>
<?php echo tep_image(DIR_WS_IMAGES . 'Twitter-icon.png'); ?><br /><br />
</div>
<div class="footer_column_one long" style="height:158px; padding-left:0px;">
<h3> </h3>
<?php echo tep_image(DIR_WS_IMAGES . 'fairtrade40.png'); ?><br /><br />
<?php echo tep_image(DIR_WS_IMAGES . 'soil40.png'); ?>
<br />
</div>
<div class="footer_column_three">
<?php echo tep_image(DIR_WS_IMAGES . 'ukcards.png'); ?>
</div>
<div class="footer_column_three">
Copyright © <?php echo date('Y'); ?> <a href="<?php echo tep_href_link(FILENAME_DEFAULT, ''); ?>">**</a> Site Design by <a href="http:www.**.co.uk">**</a>
</div>
</div>
</div>
<?php
// Output the footer for Dynamenu for osCommerce
echo $GLOBALS['dmfooter'];
?>