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 03:02. Reason: missed some info

  2. #2
    SitePoint Evangelist stonedeft's Avatar
    Join Date
    Aug 2009
    Posts
    586
    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,564
    Mentioned
    6 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
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work


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
  •