Results 1 to 3 of 3

Thread: IE 8 scrolling issue

  1. #1
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 517 Times in 503 Posts
    Blog Entries
    5

    Default IE 8 scrolling issue

    Can anyone figure out why this page won't scroll in IE8?

    There's nothing more I can figure. I haven't yet tested in other IE versions.

    thanks, guys

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,069
    Thanks
    44
    Thanked 3,216 Times in 3,178 Posts
    Blog Entries
    12

    Default

    Not sure why. However, in IE 9 it's fine. In IE 8 if you use it's developer tools and delete the height property (100%) from either the body or the html elements (presumably making them height: auto, which I believe is their default), the scrollbar comes back and is usable. However, with the body it makes the background of the header disappear, with the html it makes what appears to be the gradient background for the rest of the page less dramatic. There has to be another way to get both of these effects without involving height 100% for either the body or the html elements. But if I had to choose, I'd lose some drama on the gradient - make the html height auto, keep height 100% for the body.

    This can be done for IE 8 only via conditional styles. If you want to and need help with that, let me know.

    In IE 7, it looks like even with both 100%, there's no background for the header, so in that browser I would lose the 100% on the body and keep it on the html. That also can be arranged with conditional styles.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 517 Times in 503 Posts
    Blog Entries
    5

    Default

    the header background is a :before psuedoelement, so I never expected it to show in IE7.

    I didn't even think about the html height. that from Ryan Fiat's sticky footer, which has always worked in IE8 before. Maybe there's some combination of rules here that's causing the problem...

    thanks for your help, John. I'll go with making the body height auto for IE8, and do some more testing to figure out a better solution.

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
  •