Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Sep 2006
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    So how DO you get around the image float bug in IE?

    I've seen multiple articles on the fact that images don't show up when placed inside a relative DIV.

    I assume from what I've read that there is a solution, but I've yet to track it down.

    I have an absolute div in my page to wrap my content.. and inside of that I have some relative divs to do a drop shadow effect. Any time I place a floating image inside the drop shadow, the image shows up as empty white space.

    Any help would be grand. Thanks in advance!

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    You could try involking hasLayout which basically means, set a height to the div. It doesn't matter what height. Just be sure its fed to IE6 only.
    Code:
    * html #someid {
    height:1%;
    }
    or
    Code:
    <!--[if lte IE 6]>
    <style type="text/css">
    #someid {
    height:1%;
    }
    </style>
    <![endif]-->
    Another solution that might work is to make the images position:relative; as well.
    ||||If you are getting paid to do a job, don't ask for help on it!||||


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •