I have a simple (well I thought) Spry Vertical Menu bar in my site that works great in every browser except - in you guessed it Internet Explorer. One of the sub-items moves right on top of a main menu item when it's hovered (is that a real verb LOL) over; so you can't really even click on that particular main menu item... Here's the web site: www.meridianwaterfiltration.com
Any help would be appreicated!!
Wow thanks!! This is my first site using Dreamweaver; I've only done sites before using other types of software, I thought I should learn more about CSS and coding so I taught myself Dreamweaver over the winter ;-)
THANK YOU for spotting the typo! I don't know how you can stare at something for so long and then still have a typo; but it happens to me all the time!! LOL
Please open the site in Firefox, right click the page and choose 'view page source' then, in the resulting window, click on SpryAssets/SpryMenuBarVertical.css and view the script.
Gramps
Ok I did that and this is what I see when I view the Page Source: (firefox)
ul.MenuBarVertical
{
list-style-type: none;
font-size: 100%;
cursor: default;
width: 10em;
padding: 0;
margin-top: 75px;
font-weight: bold;
}
...very odd and I haven't chaned anything since your last post...why would it be different ?
Hi everybody,
I've had the same problem with the spry menu in IE9. Hoover on main menu is ok but not sub menu coming.
After some research I found this solution. I hope that will help you .......
Put this line in the head section of your html page
| <meta http-equiv="X-UA-Compatible" content="IE=9" > |
Enjoy ...
Hi fourwhitesocks,
If it's ok for you, I suppose you don't need this line. (but maybe it's better to put it to be sure it's ok on the differents clients using IE9)
I just find it cause here, on the same IE9 configuration but on the differents computers, the submenus list didn't come. Was just the hoover on the title menus and no more.
I don't know why with some IE9 it's ok and with some others IE9 it's not ok.
This is a part of the mysterious of microsoft maybe.
I am also having the same sort of problem... I think. My head is spinning having just spent the last 2 days experimenting with Spry Menus. I have one site with 2 layouts (home page & content pages) - each containing 2 vertical Spry menus. In both instances, using IE7 & 8, the 2nd or right menu throw the drop down way off from where it should be appearing. Of course works fine in Chrome on the same PC and all browsers on Mac.
The site is: www.stride.on.ca
I've been racking my brain over this, reading all sorts of forums but without success.
PLEASE HELP! SOMEONE?
Bcause you have set the width to 100%, the menubar will go feral in IE
ul.MenuBarVertical
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 180%;
cursor: default;
width: 100%;
font-weight: normal;
text-transform: none;
color: #FFF;
border: 0;
}
I do not know why you have got two complete style sheets for each of the two menu bars. All you need to do is place the rule that you want to change into a selector that uses the ID of the menu bar as per
ul#MenuBar1.MenuBarVertical a {
background-color: red;
}
Gramps
Thanks for the reply, though I'm unsure what the solution to the width issue is. I've since made it 8em (noticed that as an earlier solution on the thread), not perfect, but anything else moves the menu out of the light blue area. However the submenus are way off to the upper right.
Weird that the left/centre SPRY menu works fine but not this one?
Really appreciate the help - thank you!
PS: As for me, I'm just trying to get back into the game - been stuck using images & tables till now. Working at trying to improve my understanding of CSS, I'm sure there is plenty of better ways to implement it than I have.
North America
Europe, Middle East and Africa
Asia Pacific