Results 1 to 2 of 2

Thread: Accordion Menu

  1. #1
    Join Date
    Feb 2009
    Posts
    87

    Accordion Menu

    I'm finally got my accordion menu working, but testing in IE6, it has some trouble. When I roll over an item, the overflow works properly and a scroll bar shows all extra content, but ones that aren't rolled over just flow, even outside their intended divs. anyone else had a similar issue? this is what the accordion section of my css looks like

    Code:
     #accordion {
       width: 520px;
       margin: 0px auto; }
       padding-top:8px;
    
    #accordion div {
       float: left;
       width:125px;
       height: 132px;
       border-right:1px solid #fff;
       overflow: hidden;}
    
    #accordion:hover div, #accordion.hover div {
       width: 20px; }
    
    #accordion:hover div:hover, #accordion.hover div.hover {
       width: 440px;
       overflow: auto; }

  2. #2
    Join Date
    Feb 2009
    Posts
    87
    figured it out through some digging. relative positioning in my list (ul tag) was the culprit. making the div holding it relative as well or removing it from the list fixed my issue.

    now im trying to get it so that position 1 of the accordion is defaulted to (as if it was rolled over), rather than showing a small portion of each. i assume i need to play with the #accordion div tag since that 125px of each section is what displays by default now?

Similar Threads

  1. Dropdown menu with css and javascript...?
    By AllanH in forum Client & Server Side Scripting (PHP, ASP, JavaScript)
    Replies: 1
    Last Post: 14 May 2009, 02:59 AM
  2. CSS Drop down menu in IE problem..
    By mylah in forum Web Design, HTML Reference and CSS
    Replies: 0
    Last Post: 24 Mar 2009, 08:41 AM

Posting Permissions

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