-
1. Re: SpryAssets menu: dropdown is funky in IE/Win
Ben Pleysier Sep 29, 2011 5:15 PM (in response to mookie blaylock)/*******************************************************************************
BROWSER HACKS: the hacks below should not be changed unless you are an expert
*******************************************************************************/
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
ul.MenuBarHorizontal li.MenuBarItemIE
{
display: inline;
f\loat: left;
background: #333;
}
ul.MenuBarHorizontal ul li.MenuBarItemIE
{
display: list-item;
list-style: none;
visibility: visible;
z-index: 1050;
background-color: #8feb61;
-moz-border-radius: 6px;
-moz-box-shadow: 10px 8px 8px 0 #222;
box-shadow: 10px 8px 8px 0 #222;
-webkit-box-shadow: 10px 8px 8px 0 #222;
padding: 5px 8px;
color: #222;
text-align:left;
width: 160px;
position: relative;
top: 11px;
left: -8px;
margin: 0;
text-transform:none;
}
ul.MenuBarHorizontal ul.MenuBarItemIE {z-index: 1000;}
}
I guess that you are the expert.
Gramps
-
2. Re: SpryAssets menu: dropdown is funky in IE/Win
mookie blaylock Sep 29, 2011 9:08 PM (in response to Ben Pleysier)I didn't change the hacks (except for colors), just added some.
-
3. Re: SpryAssets menu: dropdown is funky in IE/Win
Ben Pleysier Sep 29, 2011 9:24 PM (in response to mookie blaylock)That's just it.
Why did you assign Mozilla rounded corners to a style rule that targets IE. Why did you give it a position of relative and move it 11px from the top and -8px to the left.
Have a look here http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one
Gramps
-
4. Re: SpryAssets menu: dropdown is funky in IE/Win
mookie blaylock Sep 30, 2011 10:05 AM (in response to Ben Pleysier)It actually didn't make any difference. I've taken all the extra junk out and just changed the background color. Still, the buttons do not show up in front of the main content. IE/WIN
-
5. Re: SpryAssets menu: dropdown is funky in IE/Win
mookie blaylock Sep 30, 2011 10:20 AM (in response to mookie blaylock)I changed a z-index: 1 in the following selector:
ul.MenuBarHorizontal ul ul
{
position: absolute;
top: 0;
left: 0;
margin: -5% 0 0 95%;
z-index: 1;
}
Now I can SEE the 3 dropdowns, but they still don't work and they are still behind mainContent.
-
6. Re: SpryAssets menu: dropdown is funky in IE/Win
mookie blaylock Sep 30, 2011 10:59 AM (in response to mookie blaylock)HELP!
-
7. Re: SpryAssets menu: dropdown is funky in IE/Win
Ben Pleysier Sep 30, 2011 4:32 PM (in response to mookie blaylock)Ok, looking very much better!
Now we need to look at the markup. Please compare the following with that in your document.
<ul id="MenuBar1" class="MenuBarHorizontal"> <li><a href="index.html">Home</a></li> <li><a class="MenuBarItemSubmenu" href="#">Chapters</a> <ul> <li><a href="chapter1.html">The Aging Bodybuilder</a></li> <li><a href="chapter2.html">The Lesbian Hotline Operator</a></li> <li><a href="chapter3.html">A Spring Released</a></li> </ul> </li> <li><a href="photos.html">Photos</a></li> <li><a href="about.html">About</a></li> <li><a href="http://www.blurb.com/bookstore/detail/2362083" target="_blank">Buy Book</a></li> </ul>
Gramps
-
8. Re: SpryAssets menu: dropdown is funky in IE/Win
mookie blaylock Sep 30, 2011 9:27 PM (in response to Ben Pleysier)Buttons are still showing behind mainContent. IE8/Windows.
-
9. Re: SpryAssets menu: dropdown is funky in IE/Win
Ben Pleysier Oct 1, 2011 12:25 AM (in response to mookie blaylock)Perhaps getting rid of the position:relative in .mainContent will give you the proper result.
Gramps
-
10. Re: SpryAssets menu: dropdown is funky in IE/Win
mookie blaylock Oct 3, 2011 12:53 PM (in response to Ben Pleysier)You are a saint. Thank you.


