SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    Now available in Orange Tijmen's Avatar
    Join Date
    Jul 2004
    Location
    The Netherlands
    Posts
    1,469
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Dropdowns don't show up in IE6

    I have this page where on mouseover the dropdowns appears, it works fine IE7 and Firefox. But in IE6 when the 3 boxes are shown together they all disapear, they do show when there are only 2 of them. First I thought there wasn't enough space for them to show 3 of them next to eachother, but I made sure theres more then enought room for that so that can't be the problem.

    Any idea's why they are not showing up in IE6?

    http://www.tijmensmit.com/dev/test.html
    Travel Photos on Flickr - Twitter

    “Never give up. Never surrender”

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,288
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    IE doesn't like floats following absolute elements in the html so change this style as follows..

    e.g. like this:
    Code:
    .kruimelpad{
        width:664px;
        padding-top:110px;/* avoid margin collapse*
        padding-bottom:10px;
     /* float removed*/
    }

  3. #3
    Now available in Orange Tijmen's Avatar
    Join Date
    Jul 2004
    Location
    The Netherlands
    Posts
    1,469
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks

    Is that the only situation where IE has an issue with absolute positioned elements if the next element is being floated? I knew there where times where using position:absolute would create trouble in IE, but for some reason I couldn't really find a clear answer on Google. Maybe I just searched on the wrong words...
    Travel Photos on Flickr - Twitter

    “Never give up. Never surrender”

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,288
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    I think I'm the only one that keeps documenting this in the forums posts

    IE also has problems with absolute positioning when it is in front of static content in the html and the elements again vanish. The solution in those cases is to move the absolute html to the end of the stacking context and after the static content.

    Absolute elements also have problems where they follow floats in the html and sometimes it can be fixed by adding clear:both to the absolute element although in reality this is nonsense because absolute elements are removed from the flow and shouldn't need to care about floats. However IE thinks otherwise.

    Thats three (including my first post) of the things I can remember off the top of my head to watch out for with absolute position problems in IE.


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
  •