Grow your CSS skills. Land your dream job.

Internet Explorer 7 Issues

  • # January 2, 2012 at 3:06 pm

    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!

    http://www.quigleycontracting.squarespace.com

    # January 2, 2012 at 6:17 pm

    Well, for starters you have some pretty significant errors: Invalid Markup

    # January 3, 2012 at 6:33 am

    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

    # January 3, 2012 at 2:51 pm

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

    http://www.quigleycontracting.squarespace.com

    # January 4, 2012 at 1:08 am

    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

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".