treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Internet Explorer 7 Issues

  • My clients office has Internet Explorer 7 and when they view my website it has a few problems that I am looking to fix.
    - The footer sticks out past the page on the right hand side
    -There is a small gap under the header image that needs to be eliminated.

    Any help would be great!

    www.quigleycontracting.squarespace.com
  • Well, for starters you have some pretty significant errors: Invalid Markup
  • The footer sticks out past the page on the right hand side
    -play around with the padding or margin ,....like the #pagefooter or the #pageFooterWrapper.

    There is a small gap under the header image that needs to be eliminated.
    -IE7 some hates using negative margins...

    why not apply this instead

    #pageBodyWrapper {
    overflow: hidden;
    position: relative;
    top: -30px;
    }


    and remove #bannerWrapper negative margin


  • @aced thanks that worked perfect. But now I need to move up my footer as well. Can you help me with this.

    www.quigleycontracting.squarespace.com
  • at #pageFooterWrapper , remove the margin property
    and add this instead...

    bottom:30px
    position:relative;


    let me know if this works..

    remember to create backups of your work, just in case...:D