SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Addict
    Join Date
    Jul 2009
    Posts
    352
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Layout issue in ie9. Please advise

    RAW Health International

    I am unfortunately running windows XP, so I cannot install ie9 to diagnose this problem. Been getting multiple complaints that the text from the body is overlapping the slide show in ie9 (see attached image)

    Any ideas?

    Thanks ahead of time!
    Attached Images Attached Images
    • File Type: jpg .jpg (31.5 KB, 4 views)

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,118
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    It looks fine in IE9 to me.

    What I think is happening is that the page starts to load and the JS only kicks in after a while. Before it kicks in, the text sits where the slideshow should be, as the slideshow div has no height set. When the JS kicks in, the text all moves down ans the slideshow div fills with content. Their browsers may be getting stuck at that point, not moving the text down when the slideshow content is loaded.

    A simple solution to this would probably be to set a height on the #slideshow div, so that the browser preserves the space for it and puts the text below the slideshow where it belongs in the first place.

    Code:
    #slideshow {
    height: 300px;
    }
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."


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
  •