SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Jul 2008
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    BG image rendering problem in IE

    I have multiple background images in my website and it renders smoothly in firefox, but some of those images doesn't render in IE and when I scroll through the page some of the images renders and then disappears again. This implies with css sprites too. All of my images are either in jpg or in gif.
    Last edited by esparsha; Sep 8, 2009 at 02:02. Reason: missed some info

  2. #2
    SitePoint Evangelist stonedeft's Avatar
    Join Date
    Aug 2009
    Posts
    590
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you are using images as as a background to a DIV element and that DIV's height is set to auto(Liquid Height) then always remember to clear it like so:

    <div id="divWithBackgroundImage">
    <p>contents...contents</p>
    </div>


    css:

    #divWithBackgroundImage{
    overflow:hidden;

    //more css elements here

    }
    Don't Panic

  3. #3
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,782
    Mentioned
    16 Post(s)
    Tagged
    0 Thread(s)
    Themost often cause of backgrounds not apperaing is simply putting haslayout on the element, if IE7 (most often) then put min-height:0;, if IE6 then give it a width or small height
    Always looking for web design/development work.
    http://www.CodeFundamentals.com


Tags for this Thread

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
  •