SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Guru
    Join Date
    Nov 2008
    Posts
    848
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    layout breaking in ie7

    Hi in IE7 my site http://tinyurl.com/yzh3nsd is displaying badly (the bottom part where I have the contact and newsletter sign up), anyone tell me why? it displays fine in ie8 firefox

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,802
    Mentioned
    158 Post(s)
    Tagged
    4 Thread(s)
    Try this:

    Code:
    #footer .box_custom_footer {
        height: 100px;
        width:100%;
        float:left;
        clear:both
    }

  3. #3
    SitePoint Guru
    Join Date
    Nov 2008
    Posts
    848
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    improved like that, the twitter and rss buttons in footer on the left are not showing, and the terms and conditions link is not in line with the rest of text in the footer

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,802
    Mentioned
    158 Post(s)
    Tagged
    4 Thread(s)
    The twitter and rs icons are showing fine in my Ie7.

    the terms and conditions are on another line because floats have t come first in IE7 and under. You can't have a solitary float at the end of the line because it drops to a new line unless there is floated content before it.

    Change the html order as follows:

    Code:
                <p class="footer-info"><a href="http://www.islecreative.com">Home</a> <a href="http://www.islecreative.com/terms-and-conditions">Terms and Conditions</a> <img src="http://www.islecreative.com/wp-content/themes/display/images/wordpress-small.png" height="16px" width="16px" class="wordpress-footer-logo" alt="" /> Powered by Wordpress + hand-crafted XHTML and CSS.  Copyright &#169; 2010 Isle Creative. All rights reserved | Web Design & Development Malta </p>
                <!-- social bookmarks -->


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •