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

Footer broken in IE7

  • http://nickspainting.com/

    The footer is going up to the top behind the slideshow in IE7. I have tried floating the pageWrap and footer. And using all the clear float tricks.

    Thanks!
  • Side note: You have this link just before your closing </ head> that is not going anywhere:
    <script type='text/javascript' src='http://nickspainting.com//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js?ver=3.2.1'></script>

    As for the site, it looks like some of the floats are doing some wild things. I noticed that your #wrapper has a fixed height, this is a pretty big no-no. What if the content needs to be taller than that? Same thing with the sidebar.

    The error is probably occurring because you are using HTML5 elements and I don't see you including anything to make it work in IE (like this http://code.google.com/p/html5shiv/ ).
  • I have a feeling that it is HTML 5. This is the first time I used the HTML5 boilerplate for a site.

    I think it may be the that is not recognized.

    How would I change that in wordpress?

    The above google code isn't fixing it either.

    Thanks