Spry submenue not displaying correctly on IE

Hello fellows,
I have tested my site on many browsers it looks ok on all
except IE. It's the way the sub menus are displayed in Internet
explorer. If you click on landscape -->getty photos ( the getty
tab is far to the right and is disconnected from the main menu)
I tried playing with the ul.MenuBarHorizontal ul ul but that
affected the look on firefox and safari.
Here is the site:
http://karimsalha.com/
Below is the spryhorizontal.css code
Thanks in advance

I had the same problem and finally just gave up on the Spry
menu and went with a license from Milonic.com.

Similar Messages

Spry submenu not displaying in IE

Hello,
I just finished designing my first site with dreamweave, and am having some problems.I have read some threads and found the advice helpful to my situation, but still have a problem.
My spry menu was not displaying in Internet Explorer when activex is was enabled. I fixed part of the problem; the main Vertical Spry menu displays, but the submenu (for services) and the background rollover are different than what I intended (and what they are in Firefox). Can someone point me in the right direction? I'll upload my vertical .ccs and .js files, please let me know if you need more.
Thanks,
Kalyndra

I've played around with this for a while, but I think there is something in your SpryMenuBar.js file that is not working; or, it is not uploaded to the server.
Additionally, this declaration:
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: absolute;
    z-index: 1020;
    cursor: default;
    width: 150em;     /* THIS WANTS TO BE 150px, NOT 150em but there are bigger issues (see below) */
    left: -1000em;
    top: 0;
    margin-top: -5%;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 95%;
I recommend that you delete this SpryMenuBarVertical and all its associated files and insert it again. If you want to change things in the CSS files, do so carefully (and in the appropriate sections...layout in layout; color and fonts in their own section).
By redoing, your submenu indicators will resume having the correct path (in your file, they are misnamed and improperly pathed), all your javascript and css files will be properly linked, etc.
Beth

On windows 7 only, ie9 and firefox 4 spry bar not displaying correctly?

This website www.colonialstock.com does not display the spry menubar correctly. I need it to go all the way to the right. But when I do a view on IE8 or do the compatibility view on IE9 (which is the same as IE8) it brings the bar too far, making it fall below where it is. I need it to work on both browsers. The same is on firefox 4 and earlier versions. I am guessing this is just a windows 7 issue in all. Also on firefox when i hover on this tab issuer services> annual meeting & proxy the sub sub menu appears farther down than it should it works fine on all ie8/9 versions. Please let me know if you have any solutions.

See here http://forums.adobe.com/message/4002145#4002145
Gramps

Spry submenu not loading correctly in IE

Solved: check out this link
http://forums.creativecow.net/thread/191/857297
QUESTION:
Hi, I am new to spry and this is my first menu.
I cannot for the life of me figure out why the submenu will
not load correctly in IE.
It is loading at the top of the page instead of under it's
parent tab in the horizontal menu.
It is working great under FF and Safari. *links removed
Any help would be great. I tried an IE statement, but
couldn't get it to work in the css. Probably user error.
I found out if I fiddled with the margin numbers of the
following css code that I could get the submenu to drop to it's
spot in IE, but then it would also drop in FF too. What a pain. My
menu is in a table if that makes any difference.
ul.MenuBarHorizontal ul ul
margin: -5% 0 0 95%;
z-index: 1020;
I built a test spry menu from scratch and didn't change any
of the css information and the submenu would still load at the top.
Please, any help would be great. I really would hate to start
another menu from scratch.
Text
question

I had the same problem and finally just gave up on the Spry
menu and went with a license from Milonic.com.

Spry Menu not displaying correctly in IE

Can someone take a look at the following link and tell me why
the spry menu isn't displaying correctly in IE?
http://www.cedarcrossings.com/dev
It's working fine in Safari, Firefox, Opera, Camino, etc.,
but for some reason the sub-menus won't drop below the headings in
IE.
Thanks in advance.

I had the same problem and finally just gave up on the Spry
menu and went with a license from Milonic.com.

Spry submenu not displaying in Chrome or Firefox

I am having problems with my Spry menu (produced with Dreamweaver CS5). The submenus only appear in IE in compatibility mode and not at all in Chrome or Firefox. The site is at http://www.vectors-meeting.eu and there should be additional items under programme and travel. Any help would be greatly appreciated.

W3C Validator isn't too happy with your menu code.
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.vectors-meeting.eu%2F&charset=%28detect +automatically%29&doctype=Inline&group=0&verbose=1&user-agent=W3C_Validator%2F1.3+http%3A% 2F%2Fvalidator.w3.org%2Fservices
As Spry is no longer supported, and your menu is so simple, you might also consider switching to a simple HTML/CSS menu
http://alt-web.com/DEMOS/CSS2-Horiz-Drop-Menu.shtml
or a JQuery menu.

Spry tabbed panel not displaying correctly in IE , in other browsers it is fine, what is the fix

Spry tabbed panel not displaying correctly in IE , in other browsers it is fine, what is the fix

As an FYI: Adobe discontinued developing the Spry framework last year. And Spry was removed from DW CC. You can keep using Spry if you wish, but most of us have switched to other solutions that work better in IE10 and Touch Screens.
Nancy O.

Oops - spry menu bar 2.0 does not display correctly when loaded

Oops - obviously I'm new at this. I think I got my graphics loaded now.
Dear Sirs:
I notice bzz31 had a pretty complicated post, so perhaps someone can help me with my complicated problem that has been vexing me for months. I tried the Spry Menu Bar 1.0, but it was impossible for me to edit, and I was delighted to see Spry Menu Bar 2.0 come out. However the 2.0 version has been frustrating me as well.
I can get my menu bar to display properly in Live View, as shown below.
However when I load everything onto the server, the menu bar does not display correctly, as shown below:
I don't quite understand the code "file:///" but I interpret it to mean that the Spry-UI-1.7 folder is in the topmost folder of MacPro5-Docs, which is my hard drive. Here's the code I'm having trouble with:
Here's my computer directory, shown below:
Since my index file is two folders down from Spry-UI-1.7, I loaded the files onto the server similarly, as shown in the next three pictures:
(The picture below is the same as the one just above, but now you can see the path from index to Spry-UI-1.7.)
I would be most appreciative if someone can help me.
Thank you.

Have a look at the following links
<script src="file:///MacProG5-Docs/Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="file:///MacProG5-Docs/Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="file:///MacProG5-Docs/Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="file:///MacProG5-Docs/Spry-UI-1.7/includes/SpryMenu.js" type="text/javascript"></script>
<script src="file:///MacProG5-Docs/Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js" type="text/javascript"></script>
<script src="file:///MacProG5-Docs/Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js" type="text/javascript"></script>
<link href="file:///MacProG5-Docs/Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
Each of the above points to a file on your local system and cannot be found by the remote server.
Replace the red coloured parts with http://www.twhsbands.org/ will remedy the situation.
You also have some remnants of the other SpryMenuBar that should be removed from your markup.
Gramps
Wel, so much for the red coloured parts, they did not show up.
The red coloured parts read file:///MacProG5-Docs/

My vertical Spry is not displaying properly in IE 8

I am working on my first website using Dreamweaver CS4 and my spry is not displaying properly over my flash photo gallery. It looks ok in Firefox (although the borders are missing on my submenu for "sheds tool list") but in IE 8 the submenus can't be seen. How can I correct this?
My website is www.toolshedstudio.com
Here's my css:
@charset "UTF-8";
/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: 10em;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 170px;
    border-top-style: outset;
    border-right-style: outset;
    border-bottom-style: outset;
    border-left-style: outset;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
    margin: -5% 0 0 95%;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: absolute;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    left: -1000em;
    top: 0;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
    left: 0;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
    width: 8.2em;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
    border: 1px none #CCC;
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
    border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
    display: block;
    cursor: pointer;
    background-color: #000;
    padding: 0.5em 0.75em;
    color: #CCC;
    text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
    background-color: #33C;
    color: #000;
    font-size: 100%;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
    background-color: #33C;
    color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
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.MenuBarVertical 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.MenuBarVertical li.MenuBarItemIE
        display: inline;
        f\loat: left;
        background: #FFF;

Hi
You flash movie doesn't have the parameter wmode=transparent. If you set that, the menu bar will be on top.
<param name="wmode" value="transparent">
I hope this helps.
Ben

XML not displaying correctly when larger

Hi,
When my XML dataset exceeds 2350 lines, SpryDOMUtils.js seems to ad a <tab> to the XML string and it's not displayed correctly in it's container.
I included 2 screenshots to show what's happening. Tnx a lot!!

Sorry for the delay, I have spent some time trying to find the culprit. Finally I decided to start afresh with the following markup, which works quite well in all browsers.
<!doctype html>
<htm>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 1</div>
    <div class="AccordionPanelContent">
      <div id="div1">
        <table align="top" cellpadding="5">
          <tr id="tr1">
            <td valign="top">{datum}</td>
            <td valign="top"><a href="{link}">{inhoud}</a></td>
          </tr>
        </table>
      </div>
    </div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 2</div>
    <div class="AccordionPanelContent">Content 2</div>
</div>
</div>
<script src="SpryAssets/SpryAccordion.js"></script>
<script src="SpryAssets/SpryData.js"></script>
<script src="SpryAssets/SpryDOMUtils.js"></script>
<script src="SpryAssets/SpryTooltip.js"></script>
<script src="design_template_info12.js"></script>
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</body>
</html>
May I suggest that you copy and paste the markup into a new document to then start adding your own stuff, making sure that you test in IE7 or IE8 at each step.
Note that I have left xpath.js out of the markup. I think it will work either way. Just keep an eye on it.
PS
I did reformat the XML to delete all of the empty lines. Not sure if this helped or not. You can do this within DW as follows
Message was edited by: Altruistic Gramps

Umlauts are not displayed correctly in different programs

Hello!
I live in germany, but my locale is set to "en_US.UTF8" because I like to have everything in english.
I do not have any problems with umlauts on the machine, but when I connect with sFTP oder Samba to it, the umlauts in files are not displayed correctly.
Look at this example
The upper word is how it looks in "ssh putty" (=locally on the machine), the bottom one is from "filezilla" (from my windows host)
This is my locale
locale
LANG=en_US.UTF-8
LC_CTYPE="en_US.UTF-8"
LC_NUMERIC="en_US.UTF-8"
LC_TIME="en_US.UTF-8"
LC_COLLATE="en_US.UTF-8"
LC_MONETARY="en_US.UTF-8"
LC_MESSAGES="en_US.UTF-8"
LC_PAPER="en_US.UTF-8"
LC_NAME="en_US.UTF-8"
LC_ADDRESS="en_US.UTF-8"
LC_TELEPHONE="en_US.UTF-8"
LC_MEASUREMENT="en_US.UTF-8"
LC_IDENTIFICATION="en_US.UTF-8"
LC_ALL=
When I create a file "asd_aöü" locally on the machine (with the help of ssh - putty), it looks fine, but when I connect by samba or filezilla again the umlauts are not displayed correctly.
Do you understand my problem? What can I do?
Thanks!
Last edited by cyberius (2011-02-19 10:12:19)

Did you check the locale settings on your Windows machine?

Date can not display correctly in excel from .jsp

Hi,
I create a .jsp report to export the data to excel. the report run OK, except the date field can not display correctly.
for example in database :start date ='01-oct-2003'
in the except it displays to 02/06/02.
It seem all the date field can not be control in the report, and control by somthing else
Doese anyone come accross this problem?
Thanks

Hi Rong,
Are you using the following demonstration to build your JSP?
http://otn.oracle.com/products/reports/htdocs/getstart/demonstrations/index.html
(Output to Excel with Oracle9i Report)
I tried to do the same, and inserted a database date field in the JSP using Reports. I found the following:
While making the template inside Excel, if I make sure that the format of the date cells is "Date" - some particular date format, the date field values from Reports does not get exported correctly.
However, if you make sure that inside the template, the format of the date cells is not date, but "General", then the date field values are correctly exported to Excel.
Pl try it and let us know.
Navneet.

BPS_WB: Please Wait Dialog Box not Displaying correctly???

When we switched our Planning Interfaces to using the New Planning Interface Design the Please Wiat Dialog Box does not display correctly.
When a Request is fired and the client is waiting for the Response all that shows is a white block in the middle of the screen with no dialog screen or other information.
It maybe associated with the following:
function bpsOpenURLSelf(doIt, url)
      if (doIt) {
        try {
            document.body.style.cursor = "wait"; // works only in IE
        } catch (ex) {} // ignore
        open(url,'_self');
      // note: function with doIt==false is used to check
      //       existence of the opener window
Or it may be associated with a CSS issue?
I am currently using IE 6.0.2900.2180.
Any thoughts would be appreciated!
Thanks, ATC

Hi Alan,
please implement SAP note 845305.
Regards
Marc
SAP NetWeaver RIG

Search box not displaying correctly in Safari

How can the search bar on the Apple site not display correctly in Safari? I find this odd that Apple would allow this. It displays like 2 search boxes overlapping each other. It still functions correctly but it is a little embarrassing since I am always bashing windows pro browser display.

Hi
Welcome to Apple Discussions
Might be a corrupted cache or cookies issue. First, go to Safari Preferences>Security>Show Cookies. Type Apple in the Spotlight panel. Highlight/remove the cookies. Then, go to the Safari Menu>Empty Cache. Try the Apple site.
If the double search panel still appears, go to the Finder: Your User Account>Library>Caches. There, move to the trash the com.apple.safari file. Restart Safari and try the Apple site again.
Post back

Why is Times New Roman not displaying correctly in Illustrator CS5?

Alright, so I'm running Windows 7 64-bit and Illustrator CS5.
Times New Roman Regular does not display correctly on my machine when using Illustrator CS5, but Bold, Italic, Italic Bold display just fine. Times New Roman does display correctly in every other program I use. InDesign, Word, etc. I've attached a screenshot to show what I mean. Please help!

Hi,
I have an absolutely same bug - looks like font substitute
I had reinstall font family - no changes. Win 8.1 Illustrator CC.

Spry submenue not displaying correctly on IE

Similar Messages

Maybe you are looking for