-
1. Re: IE Hack Needed to Display Border of Spry Menu
Ben Pleysier Oct 21, 2012 4:07 PM (in response to FormUser)Add the highlighted line
ul.MenuBarVertical
{
border: 1px solid #CCC;
overflow: hidden;
}
-
2. Re: IE Hack Needed to Display Border of Spry Menu
FormUser Oct 21, 2012 7:13 PM (in response to Ben Pleysier)Oops, that cuts off the fly-out submenus.
-
3. Re: IE Hack Needed to Display Border of Spry Menu
Web Magi Oct 21, 2012 10:24 PM (in response to FormUser)So the solution I provided in your other post didn't work? When I tried it locally on my machine, IE performed flawlessly.
In your other post you stated that the solution worked until you clicked on a menu item, and another page opened. So was the same solution added to that page as well? The IE code needs to be on every page, above the closing </head> tag.
If it doesn't work when adding the code to all site pages, let me know. I'm happy to see what I can do.
-
4. Re: IE Hack Needed to Display Border of Spry Menu
Ben Pleysier Oct 21, 2012 10:24 PM (in response to FormUser)But it does show the border
Try the following instead.
1. Add the following style rules to your document
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
2. Add the class as follows
<ul id="MenuBar1" class="MenuBarVertical clearfix">
-
5. Re: IE Hack Needed to Display Border of Spry Menu
Web Magi Oct 21, 2012 10:37 PM (in response to FormUser)If you don't want to clutter every page with an IE conditional comment, you could try adding the following to your tempelVerticalMenu.css file:
UL.MenuBarVertical:after {
content: ".";
visibility: hidden;
}
Probably under the original.
That's working for me, so far.
-
6. Re: IE Hack Needed to Display Border of Spry Menu
FormUser Oct 22, 2012 1:47 AM (in response to Web Magi)Thanks to Altruistic Gramps, and especially to Web Magi, the concise solution works for me, too!
I will post another puzzle, great forum!



