Hi all, I'm having some problem with my footer in ie6. the problem is always there is large gap between my page content and my footer can any one help me to fix this issue... css for my footer is as follows #footer{ width:100%; margin:0; padding:0; position:relative;} .footer-link { padding:10px 0; border:1px solid #999999; -moz-border-radius:5px; height:130px;} .footer-link ul{ margin:0 10px; width:20%; float:left; border-right:1px solid #999999; height:130px; } .footer-link ul li{ list-style:none;} .footer-link ul li.title{ color:#990000; font-size:12px; list-style:none; margin:5px 0 10px 0px; width:100% !important;} .footer-link ul.company{ } .footer-link ul.company li{ width:100px; float:left;} .footer-link ul.media{ border-right:none; } .footer-link ul.media li{ width:50px; float:left;}
In IE6, min-height is not recognized. You need to use "height" as follows: .style { min-height:500px!important; /* This will be recognized by all browsers except IE6 */ height:500px; /* IE6 will use this */ } http://www.lmgtfy.com/?q=min+height+ie6
<body> <!-- Google analytics code --> <!-- Google analytics code --> <div id="container"><div id="box-container"> <table cellpadding="0" cellspacing="0" class="template"> <tr> <td class="banner"><!-- banner start --> <div id="top-bar"> <div class="top-user-menu"> <a href="/login.php" title="Login">Login</a> <a href="latest-viewed-jobs.html" title="Recently Viewed ">Recently Viewed </a> </div> <div class="top-menu"> <a href="/" title="Index"><img src="img/icon-home.png" alt="Home" title="Home" /></a> <a href="/contact.php" title="Contact Us"><img src="img/icon-contact.png" alt="Contact Us" title="Contact Us" /></a> <a href="/report-problem.php" title="Report Abuse"><img src="img/icon-report.png" alt="Report Abuse" title="Report Abuse" /></a> </div> <br style="clear:both" /> </div> <br /> <div id="logo-header"> <div id="logo"> <!-- header image or logo --> <a href="/index.php"><img src="img/logo1.gif" alt="Complete Recruiting System" title="Complete Recruiting System" /></a> </div> <!-- featured package --> <div class="featured-package"> <!--<span style="color:#990000;font-size:12px; font-weight:bold;">Get your first 20 ads for free! Register and start placing ads today!</span> <br class="clear" /> <a href="/employer-profile.php" title="Register as Employer">Register</a>--> </div> <div class="ad-box ad-box-520x80"> <div class="ad-520x80"> <!--<a href="/ad-click-count.html?id=7" title="People Clue Ads" target="_blank"><img src="http://www.mygetaclue.com/_images/banners/horizontal/item1.jpg" alt="www.MyGetaClue.com" /></a>--> <a href="javascript:void(0);"><img src="img/ads/livecareer-ct-468x100.gif" title="ads" alt="livecareer" /></a> </div><!-- ad --> </div> <!-- add box --> </div> <br style="clear:both;" /> <!-- Header Menu --> <div id="main-menu"> <div class="main-menu-right"></div> <div class="main-menu-left"></div> <div class="main-menu-bg"> <ul> <li class="current"><a href="/index.php" title="Home"><span>Home</span></a></li> <li><a href="/employer.php" title="Employer"><span>Employer</span></a></li> <li><a href="/membership.php" title="Register"><span>Register</span></a></li> <li><a href="/login.php" title="Login"><span>Login</span></a></li> </ul> </div><!-- main-menu-bg --> </div><!-- main menu --> <!-- Header Menu --> </td> </tr><!-- banner start --> <tr> <td>page content here.... </td></tr> <!-- page content start --> <tr><!-- Footer start --> <td class="footer"> <div id="pFooter"> <!-- Footer --> <div id="footer"> <!-- footer menu --> <div class="footer-menu"></div> <!-- footer menu --> <div class="footer-link"> <ul class="solution"> <li class="title">Help</li> <li><a href="/faq.html" title="FAQs">FAQs</a></li> <li><a href="/help-video.html" title="How-To Videos">How-To Videos</a></li> <li><a href="/toolbar.html" title="Toolbar">Toolbar</a></li> </ul> <ul class="community"> <li class="title">Community</li> <li><a href="http://www.blog.peoplewisesoftware.com/" target="_blank" title="Blog">Blog</a></li> <li><a href="http://www.forum.peoplewisesoftware.com/" target="_blank" title="Forum">Forum</a></li> </ul> <ul class="company"> <li class="title">Company</li> <li><a href="/about.html" title="About us">About us</a></li> <li><a href="/contact.html" title="Contact us">Contact us</a></li> <li><a href="/partner.html" title="Partner(s)">Partner(s)</a></li> <li><a href="/new-features.html" title="New Features">New Features</a></li> <li><a href="/news.html" title="News">News</a></li> <li><a href="/event.html" title="Events">Events</a></li> <li><a href="/sitemap.html" title="Site Map">Site Map</a></li> <li><a href="/meet-our-team.html" title="Meet Our Team">Meet Our Team</a></li> <li><a href="/get-started.html" title="Get Started">Get Started</a></li> </ul> <ul class="media"> <li class="title">Stay in Touch </li> <li><a href="http://www.twitter.com/peoplewise" title="Twitter" target="_blank"><img src="/img/twitter.jpg" alt="Twitter" title="Twitter" /></a></li> <li><a href="http://www.facebook.com/pages/Peoplewise/242241039345" title="Facebook" target="_blank"><img src="/img/facebook.jpg" alt="Facebook" title="Facebook" /></a></li> <li><a href="http://www.youtube.com/user/peoplewise" title="Youtube" target="_blank"><img src="/img/youtube.jpg" alt="Youtube" title="Youtube" /></a></li> <li><a href="http://ca.linkedin.com/in/automotivejobfinder" title="LinkedIn" target="_blank"><img src="/img/in.jpg" alt="LinkedIn" title="LinkedIn" /></a></li> <li><a href="http://google.com/" title="Google Buzz" target="_blank"><img src="/img/google.jpg" alt="Google Buzz" title="Google Buzz" /></a></li> <li><a href="http://www.friendfeed.com/peoplewise" title="Friend Feed" target="_blank"><img src="/img/friendfeed.jpg" alt="Friend Feed" title="Friend Feed" /></a></li> <li><a href="/jobs.php?rss=" title="RSS Feed" target="_blank"><img src="/img/rss.jpg" alt="RSS Feed" title="RSS Feed" /></a></li> <li><a href="http://digg.com/" title="Digg" target="_blank"><img src="/img/digg.jpg" alt="Digg It" title="Digg It" /></a></li> </ul> </div> <br style="clear:both;" /> <div id="copyright"> Copyright © 2010 Peoplewise Software Ltd. All rights reserved. <ul> <li><a href="/privacy.html" title="Privacy Policy">Privacy Policy </a></li> <li class="link"><a href="/terms-conditions.html" title="Terms of Service">Terms of Service</a></li> <li class="link"><a href="/copyright.html" title="Copyright/IP Policy">Copyright/IP Policy</a></li> </ul> </div> </div><!-- Footer --> <!-- Google Open Social Bar --> <!-- Social Bar --> <!-- Include the Google Friend Connect javascript library. --> <script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script> <!-- Define the div tag where the gadget will be inserted. --> <div id="div-3901048808123706157"></div> <!-- Render the gadget into a div. --> <!-- Google Open Social Bar --></div> </td> </tr><!-- Footer end --> </table> </div><div id="footer-container"></div></div> </body> HTML:
I still can't make heads or tails of what your problem is since I don't have the remainder of your CSS. You either need to provide all your CSS/HTML here or provide a direct link to your page.
Since i dont have my site at live yet i cant give you a link. And i cant post my whole coding here since its very large. can you guess the problem?
It is extremely difficult to 'guess' the problem when I can't see it. The issue here is related to how the footer interacts with the other elements. If I don't have the CSS code for the rest of the elements, the best I can do is offer you samples of code that are functional. It will be up to you to integrate them. http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ http://fortysevenmedia.com/blog/archives/making_your_footer_stay_put_with_css/ http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page One of these is bound to solve your problem. If not, google is your best friend: http://www.lmgtfy.com/?q=?q=footer+fixed+to+bottom+of+page+ie6