SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    Pandora Tipem's Avatar
    Join Date
    Feb 2006
    Posts
    450
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Drop downs open to right?

    Hi,

    I'm using the suckerfish method, as explained on alistapart.com and here is my page:

    http://www.thedailyneopets.com/css_demonstration.html

    In IE 7 only (surprisingly, it works in IE 6, what the heck?!) the drop downs seem to be opening to the RIGHT of the parent. Why is this occurring? Is there a hack that I can apply to fix this?

    I hate IE with a passion. It should be outlawed and I'm dead serious. Nothing freakin' works on it.

    Thanks in advanced.
    Tipem no fancy sig, yup
    Need Neopets Help? Try Neopets
    fun adoptable eggs

  2. #2
    Design Your Site Team bronze trophy Erik J's Avatar
    Join Date
    May 2007
    Location
    Countryside, Sweden
    Posts
    3,407
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think IE7 supports the child-selector, gets the auto position and so places sublists wrong.
    Happy ADD/ADHD with Asperger's

  3. #3
    Pandora Tipem's Avatar
    Join Date
    Feb 2006
    Posts
    450
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ok, what code can I change/add to correct IE7 misplacing the sublists?

    Sorry, I only know enough CSS to get by, but not all of the hacks/workarounds. :P
    Tipem no fancy sig, yup
    Need Neopets Help? Try Neopets
    fun adoptable eggs

  4. #4
    Design Your Site Team bronze trophy Erik J's Avatar
    Join Date
    May 2007
    Location
    Countryside, Sweden
    Posts
    3,407
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Not sure it is valid, but this works the way you intended:
    Code CSS:
    			li>/**/ul {
    				top: auto;
    				left: auto;
    			}
    Happy ADD/ADHD with Asperger's

  5. #5
    Pandora Tipem's Avatar
    Join Date
    Feb 2006
    Posts
    450
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm afraid that that doesn't fix the IE 7 bug that I'm having

    Any other thoughts?
    Tipem no fancy sig, yup
    Need Neopets Help? Try Neopets
    fun adoptable eggs

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

    Rather than using a hack just let all browsers have the same code as IE.

    i.e. remove the section in bold and then all browsers should work.
    Code:
                li ul { /* second-level lists */
                    display: none;
                    position: absolute;
                    top: 1em;
                    left: 0;
                }
               
    /* remove this
                 li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
                    top: auto;
                    left: auto;
                }
    */

  7. #7
    Pandora Tipem's Avatar
    Join Date
    Feb 2006
    Posts
    450
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks, that did the trick!
    Tipem no fancy sig, yup
    Need Neopets Help? Try Neopets
    fun adoptable eggs


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
  •