go41

Problems with Footer in IE7

von Joern am 15. Jun. 2010 | Keine Kommentare

Hi all
This is my code in the php – footer:
Code:

<div id="footer-container">   
    <div id="footer">
       <div id="front-popular" class="clearfloat">
         <div id="recentpost" class="clearfloat">

            <h3>Stay in touch</h3>

» Contact us
» RSS feeds
» Email alerts

            </div>       
            <div id="mostcommented" class="clearfloat">

            <h3>Useful links</h3>

» Link 1
» Link 2
» Link 3

            </div>
            <div class="fineprint-left">

           

            <p>© 2010 Copyright  | Terms | Privacy Policy</p>

            </div>

       </div>

   </div>

</div>
<!-- <?php echo get_num_queries(); ?> queries. <?php timer_stop(1); ?> seconds. -->
</body>

</html>

These are the following styles:
Code:

#footer-container{

  margin: 0 auto;

  background:url('http://www.link.com/blog/wp-content/themes/arthemia/images/footerbck.gif') repeat top left;

  border-top: solid 3px #c8c8c8;}
#footer{

  width: 984px;

  margin: 0 auto;

  overflow: hidden;

  padding: 22px 0 20px 0;}
#footer .fineprint-left{

  float: left;

  font-size: 10px;

  padding: 0;

  width:968px;

  }
#footer .fineprint-left p {

   font:Arial, Helvetica, sans-serif;

  font-size:10px;

  color:#333;}
.category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title {

   margin:0;

   font-weight:bold;

   font-size:1.5em;

   letter-spacing:-0.05em;

   color: #999;

   }
#front-popular h3 {

   color:# 000;

   font:Arial, Helvetica, sans-serif;

   font-size:14px;

   }
#recentpost {

   width:200px;

   float:left;

   padding:10px;

   display:block;

   }
#mostcommented {

   width:700px;

   float:left;

   padding:10px;

   display:block;

   margin-left:17px;

   }

Everything displays fine, in all the browsers expect IE7.
In IE7, the horizontal line is underneath the headers of my two columns in the footer, the copyright etc is then floated over the content in the two columns. Any advice much appreciated…

(von: adamwork)

Hier noch 1 weitere Ergebnisse dieses Threads:

Re: Problems with Footer in IE7 :: Reply by Joern

15. Jun. 2010 (von: Joern)

hard to say without seeing it live..but why you use float left for the fineprint? It should align left without a float. And instead of hr (horizontal line) I would use border-top in cssA horizontal ruler looks in different browsers…

Autor:

Du findest mich auch auf Google+, Twitter und Facebook!

Schreibe einen Kommentar

Pflichtfelder sind mit * markiert.


weitere forum Beiträge: