Log in

View Full Version : Accordion Menu Problem (with IE, Surprise)


sgreve
08-20-2009, 08:21 PM
Hi everybody. I'm putting together an online shop for a few items I'd like to sell and I'd love to include the Glossy Accordion Menu from DD. I've added it and It works like a charm in Firefox, Chrome, Safari, and Opera, but IE is screwing the pooch graphically.

In the better browsers the submenus, once activated, stretch their parent div and open up pleasingly. In IE7 they open up, but don't stretch their parents at all and actually open underneath the divs immediately below their parent.

Here's an image in case I was unclear:

http://img35.imageshack.us/img35/1945/accordionproblem.gif

Does anyone know what I can do to fix this?
ddadmin
08-21-2009, 08:00 AM
Hmm I tried a couple of things, though can't isolate the issue as of yet. I've seen this in the past actually, whereby IE doesn't expand the height of the column containing the Accordion Menu when it's expanded. It has something to do with your layout (and not the script itself). I'd play around with your CSS to see if you can flush out the issue...
sgreve
08-21-2009, 04:53 PM
Thanks, but I honestly don't know what I would change. The site structure is really just a header, a footer, and 3 left-floated divs in the middle to contain everything, coded as simply as possible so IE6's dumb ass can interpret it correctly. I had to get a little creative with the sidebars because I wanted the rounded corners + shaded header with no images, but that's probably the most complex thing in the layout right now.

Any chance someone has a similar 3-column layout in which the accordion menu works in IE? That kind of thing would at least provide me an idea of where to start here.
ddadmin
08-21-2009, 07:43 PM
Any chance someone has a similar 3-column layout in which the accordion menu works in IE? That kind of thing would at least provide me an idea of where to start here.

Certainly. I've simply taken the layout of this 3 column example (http://www.dynamicdrive.com/style/layouts/item/css-fixed-layout-31-fixed-fixed-fixed/) and combined it with Glossy Accordion Menu (http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-glossy.htm). The result is:

http://i28.tinypic.com/ohmxzl.gif

which works properly in IE8. I've attached the full example below.