I'm currently in the process of updating our old website as the layout is just terrible and it's hard to find products on it.
Images won't show up most of the time
Not able to click on linked images and the links from the drop down menu
Accordion menu won't work, it just displays as one long sidebar
When it does work, it shows a big gap between each main header rather than keeping them close together
The drop list from the drop down menu hides behind the accordion menu
Unfortunately the new layout isn't up live so I've nothing you can link to. However, if there's any coding that you need I'll be more than happy to post it on. Thanks for your time!
Good old Internet Exploder. I had issues like this when designing a site for a college project. I ended up getting a Browser Detection Script. If the user was using IE, it would switch stylesheets, vise versa if using Chrome, Safari or Firefox. Simple and worked a treat.
Sorry for my delayed response, I've not had time to come back onto here.
@sunfighter, oh, I never thought thought of doing that. Of course, I'll put it up soon (hopefully!)
Okay, I've uploaded a sample of the site onto a different directory.
I've used a template for this, so the parts I've edited will be a mess. I completely understand that I fail at coding so please be harsh and let me know what I've done terrible wrong, thanks!
Yeah, it looks like crap in MSIE 7. The top menus pull down *behind* the side menu. And the side menu items are separated by a lot of space, vertically.
But the JS code seems to work just fine.
So I'd say it's all CSS issues.
The way I approach this kind of thing: Rather than going into the CSS file and mucking around, I try adding style="..." to various things on the page. When I find the style change that makes it work, *then* I go change the CSS file to match and get rid of the style= stuff.
So, for example, I might try adding style="z-index: 99;" to on of the drop down menus that is showing up behind the side menu, just for starters.
An optimist sees the glass as half full.
A pessimist sees the glass as half empty.
A realist drinks it no matter how much there is.
Ahh! I've found out why the top menu is pulling under the accordion menu, turns out that I had to have the position:auto changed to either relative, fixed or absolute. I've switched it to relative and it's no longer overlapping.
Also, with the dreadful spacing between the accordion menu, I've taken out some of the margin and paddings and have inserted the height and that has sorted that problem also.
I can finally move onto the rest of the site!! Thank you everyone!