Spry drop-down lists appear on the far left of the screen when you use IE

This is the first site I have built and have tried searching previous discussions for an answer but can't seem to make it work.

I have a spry menu horizontal bar that displays perfectly in chrome, but when the site is viewed in IE drop downs appear on the far left of the screen rather than directly below with the case of the menu.

I wonder if there is an option or a simple parameter that must change or if there are problems with my code?

It's the spry menu css, if you want more information please just ask.  I apologize for my ignorance, I was confused by days...

@charset "UTF-8";

/ * Sections - version 0.6 - Pre - Release Spry 1.6.1 * /.

/ * Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

The AVAILABLE INFORMATION: Describes the box model, positioning, the order

*******************************************************************************/

/ * The outermost container for the menu bar, an area of width auto without margin or padding * /.

UL. MenuBarHorizontal

{

margin: 0;

padding: 0;

list-style-type: none;

do-size: 100%;

cursor: default;

Width: auto;

}

/ * Value of the menu bar active with this class, currently the definition of z-index to accommodate IE rendering bugs: http://therealcrisp.xs4all.nl/Meuk/IE-zindexbug.html */

UL. MenuBarActive

{

z-index: 1000;

}

/ * Menu item containers, position of children relative to this container and are a fixed width * /.

UL. MenuBarHorizontal li

{

margin: 0;

padding: 0;

list-style-type: none;

do-size: 100%;

position: relative;

text-align: left;

cursor: pointer;

Width: 8th;

float: left;

}

/ * Submenus should appear under their parent (top: 0) with a higher z-index, but they are first the left side of the screen (-1000em) * /.

UL. MenuBarHorizontal ul

{

margin: 0;

padding: 0;

list-style-type: none;

do-size: 100%;

z index: 1020;

cursor: default;

Width: 113px;

position: absolute;

left:-1000em;

}

/ * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we put the car left so it happens on the screen below its parent menu item * /.

UL. MenuBarHorizontal ul. MenuBarSubmenuVisible

{

left: 0px;

top: auto;

border: thin none #222;

}

/ * Container of menu items are same fixed width parent * /.

UL. MenuBarHorizontal ul li

{

}

/ * Submenus should appear slightly overlapping to the right (95%) and upward (-5%) * /.

UL. MenuBarHorizontal ul ul

{

position: absolute;

margin:-5% 0 0 95%;

}

/ * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we have left to 0, it is on the screen * /.

UL. MenuBarHorizontal ul. MenuBarSubmenuVisible ul. MenuBarSubmenuVisible

{

top: 6px;

position: absolute;

left: 8px;

}

/*******************************************************************************

INFORMATION DESIGN: Describes the set of colors, borders, fonts

*******************************************************************************/

/ * Submenu containers have borders on all sides * /.

UL. MenuBarHorizontal ul

{

border: 1px solid #CCC;

}

/ * Menu items are a light grey block with padding and no text decoration * /.

UL. MenuBarHorizontal a

{

display: block;

cursor: pointer;

background-color: #FFF;

Padding: 0.5em 0.75em;

Color: #000;

text-decoration: none;

}

/ Components menu that have mouse over or focus have a blue background and white text * /.

UL. MenuBarHorizontal a: hover, ul. MenuBarHorizontal a: focus

{

background-color: #FFF;

Color: #000;

text-decoration: underline;

text - emphasis: center;

}

#menubar #MenuBar li a {}

}

/ * Menu items that are opened with the submenus are on MenuBarItemHover with a blue background and white text * /.

UL. MenuBarHorizontal a.MenuBarItemHover, ul. MenuBarHorizontal a.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.MenuBarSubmenuVisible

{

background-color: #FFF;

Color: #000;

}

/*******************************************************************************

Submenu INDICATION: styles if there is a submenu in a given category

*******************************************************************************/

/ * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.

UL. MenuBarHorizontal a.MenuBarItemSubmenu

{

background-image: url (SpryMenuBarDown.gif);

background-repeat: no-repeat;

background-position: 50 95%;

}

/ * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.

UL. MenuBarHorizontal ul a.MenuBarItemSubmenu

{

background-image: url (SpryMenuBarRight.gif);

background-repeat: no-repeat;

background-position: 50 95%;

Width: auto;

}

/ * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" positioned on the far left (95%) and centered vertically (50%) * /.

UL. MenuBarHorizontal a.MenuBarItemSubmenuHover

{

background-image: url (SpryMenuBarDownHover.gif);

background-repeat: no-repeat;

background-position: 50 95%;

}

/ * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" positioned on the far left (95%) and centered vertically (50%) * /.

UL. MenuBarHorizontal ul a.MenuBarItemSubmenuHover

{

background-image: url (SpryMenuBarRightHover.gif);

background-repeat: no-repeat;

background-position: 50 95%;

}

/ * HACK FOR IE: to stabilize the appearance of the menu items. the slash in the float is to keep IE 5.0 analysis * /.

@media screen, projection

{ul. MenuBarHorizontal li. MenuBarItemIE

{

display: inline;

f\loat: left;

Background: #FFF;

}

}

#header {}

}

The url is: www.dolearchitecture.com and as I said, shows perfectly in chrome, but not in Internet Explorer.

Thank you very much.

While I agree with Nancy, this site seems to have worked. for IE

http://www.puritanfurniture.com/

Their CSS can be seen here

http://www.puritanfurniture.com/SpryAssets/SpryMenuBarHorizontal.CSS

If you want acoid Javascripts, consider an HTML/CSS menu.

I did one here

http://www.peattiecapital.com/

View the source code.  CSS Nav in the main bottom of the CSS stylesheet

After the comment / * START TOP NAVBAR * /.

Nancy has a tut somewhere on its site.

Found: http://alt-web.com/DEMOS/CSS2-Horiz-Drop-Menu.shtml

Tags: Dreamweaver

Similar Questions

  • Artifacts of the screen when you use the stamp tool

    Has anyone seen this?

    When I use the stamp tool I get all kinds of objects on the screen. Weird thing is when I do a screen recording of it, it's much less obvious but nonetheless still there. If I want to make a screenshot of it he disappears as soon as I touch the screen capture key (cmd-shift-3) or toch any key.

    So I had to take a picture with my phone:

    12735530_946731372101385_1193200465_n.jpg

    I tested VRAM / my different applications with dedicated GTX680 GPU / benchmarking utilities and results all seem well, games work fine, any application that uses my GPU works very well. Except of course Illustrator, which crashes all the time when you use GPU performance. And now Photoshop.

    A video of these objects can be seen here: http://www.studio57.nl/downloads/PS_Stamp_Sreen_Artifacts.mp4

    I'm on Mac OS X Photoshop CC 2015.1.2 10.11.3, and the last 346.03.05f02 of Web Driver nVidia.

    It seems that it is. I had the form of the word NVIDIA, they were able to reproduce to the issue and they are working on a fix.

    I'm so happy that my hardware is fine and that NVIDIA is still developing drivers for the Mac community!

  • . How to adjust the appearance of the image on the screen when you use the projector

    I just got my new laptop with Windows 7 Professional. When you use a projector the screen image does not fully cover the screen. How can I adjust? I would like to watch when you use a projector like the screen of my laptop screen is normally. Thank you

    Hi Dana51,

    You may need to change the settings in the projector to adjust the image to the screen.

    You can refer to the manual of the projector for the same.

  • My HP Director file suddenly stopped from appearing on the screen when you click on it. Why?.

    I have a hp psc 2410 photosmart all-in-one.  I am running Windows XP SP3 on Firefox.  In the last week, I could shoot is no longer my HP Director program.  I did not any changes to the computer or the printer at this time.  The printer itself works fine. HP Director file > Hpqdirec.exe< still="" exists="" in="" my="" program="" file="" directory. ="" i="" have="" tried="" clicking="" on="" that="" icon="" &="" then="" clicking="" open. ="" nothing="" happens.why? ="" and="" how="" do="" i="" get="" that="" file="" working="" again. ="">

    Hello Augie24,

    This question seems to surface on XP when updating for MS IE 7 or IE 8 MS. Even if you use Firefox, here are some steps you can take to solve the problem:

    http://support.HP.com/us-en/document/c00802504

  • Flickering of the screen when you use the scroll bars in develop Module

    Picture below shows 6 use of the base in an image using LR 4.2RC editing. Import image was running in the background.  This only happens when I use the sliders in module to develop (no matter what cursor).

    error-lr4.2rc-flicker.jpg

    Hi, I just met this problem and maybe found something that might work YMMV.  I went to preferences > performance > uncheck "Use graphics processor" to disable the GPU acceleration.  It seemed to have worked so far.  Worth a try!

  • White rectangle remains on the screen when you use the ActiveX icon

    Hi,

    I am using AW5.2 and I have a problem with erasing an ActiveX Icon.
    I embedded windows media player and when I want to erase my ActiveX icon, a white rectangle remains on the screen.

    I have tried moving it off the presentation window then erase or unload but that does not work.

    I have also tried just using:
    EraseIcon(@"WMP")
    Unload(@"WMP")

    Any other suggestions?

    Thanks,
    Dean

    Check the display mode of the element behind the activex control. Try to set the mode of this opaque object and see if the box appears again properly. Also, make sure the location you place this element when you try to move it out of the screen. Move to a place where their left of at least one pixel of it on the screen.

    HTH,

    Mike

  • Tecra M9 - lack of icons of the screen when you use Fn + F5

    Tecra M9 XP Pro SP2

    Accidentally, I uninstalled the Hotkey utility for display devices and have since been unable to use Fn + F5.

    I have re-directed tfnf5.exe which does not seem to do anything, just a DOS window emerged very briefly. I can now switch between the views OK, but do not see all the icons on the screen - I should be able to tab between the four options. How to return these icons back?

    Thank you

    Buddy just a question.
    Why you visit n t page European driver Toshiba, Tecra M9 choose and download the Hotkey utilities for display and devices of the common Modules for Win XP?

    These tools are available and after the installation of these two tools the keys FN and icons should reappear

  • My drop-down lists appear on the image window after the last update

    1.jpg

    Hi Alp Er Tunga,

    Please take a look at the following link: 2015.6 Lightroom: list dropdown question menu position with screen high resolution | Community customer Photoshop family

    Concerning

    Tanuj

  • PhotoSmart 7520 - lines appear on the copies when you use introducer sheet

    I just bought the 7520 Photosmart all-in-one printer and everything seemed fine until I used the introducer sheet to copy a few pages.  They all came out with a vertical line about 1.75 "in from the right edge of the paper.   If I put the original on the glass and make a copy, it is very good (no lines). The same thing is happening in black copy mode and color.   How can I fix it?

    Hi BrokerT,

    You are welcome.  I'm glad to hear your good news and thank you for the update.  A hard reset can often solve the problem of having best feeder lines and the next step would be to do what you did.

    Good impression!

  • I am a new user of iPhone. My iPhone 6 s screen does not turn (the home screen and the screen when you use all the apps). My lock screen switching is disabled, the control center and the zoom is off too. What can I do now?

    Rotation screen IiPhone 6 s problem

    Have you tried to force the reboot of your iPhone?

    First of all, try to force your system to restart.

    • Force reboot your device will not erase the content currently on your device.
    • You can force your device to restart even if your screen is black or do not answer your buttons.

    Press and hold the sleep/wake and home buttons at the same time for at least 10 seconds until you see the Apple logo.

  • On the screen when you use the shortcut keys to change the brightness of the gauge and noise level have disappeared?

    Running Windows 7 Home Premium (64-bit)

    I don't think I've changed all parameters that could lead to disappear. Is it possible to get them because I found them useful, watching a movie etc.

    HP pavilion g6.

    Hello

    Download and reinstall the HP OSD utility at the following link.

    http://ftp.HP.com/pub/SoftPaq/sp55001-55500/sp55152.exe

    When that installation is complete, restart the laptop.

    Kind regards

    DP - K

  • Check generate some Comp based on the drop-down list box and the selection list?

    I currently have a dropdown list with the three sizing options in it. Then I have two check boxes, one is ticked ideally would create the model to its normal size composition and if other is checked that it would reverse the widthxheight in the size of the composition. Then below that I have a "Generate" button, I want to be able to click and according to my selections, it creates the model.

    Looks like I need a kind of if then statement, but I'm having a hard time putting the two together. See below what I have so far.

    There may be missing parts, but I have it all working in a decibel pallate currently. I don't have functionality related to a button again.

    Any help would be appreciated!

    (also I don't know how to format the script spread here so apologies for that)

    ---------------------------

    palette controls

    templateGen.VerticalCheckbox = new Object();

    templateGen.HorizontalCheckbox = new Object();

    set the values for controls

    templateGen.comLookup = new Object();

    templateGen.compLookup = 'Template1 ';

    templateGen.compLookup = "Template2";

    templateGen.compLookup = "Template3."

    function templateGen_getHashValues (hash)

    { // {{{

    var ary = new Array();

    for (k hash) {}

    ARY.push (Hash [k]);

    }

    return area;

    } // }}}

    menu "composition".

    var panelGrp1 = templateGen.palette.add ('Panel', undefined, 'Templates Comp');

    compGrp1 = panelGrp1.add ('group', undefined, 'List templates');

    compGrp2 = panelGrp1.add ('group', undefined, 'Orientation');

    compGrp3 = panelGrp1.add ('group', undefined, 'Generate');

    templateGen.compList = compGrp1.add ('dropdownlist', LIST_DIMENSIONS, templateGen_getHashValues (bapple.compLookup));

    templateGen.compList.helpTip = "choose the type of desired here device model. All compositions are 60 fps. « ;

    templateGen.compList.selection = 'Template1 ';

    templateGen.compList.graphics.foregroundColor = darkColorBrush;

    templateGen.VerticalCheckbox = compGrp2.add ('checkbox', undefined, 'Portrait');

    templateGen.VerticalCheckbox .value = true;

    templateGen.HorizontalCheckbox = compGrp2.add ('checkbox', undefined, 'Horizontal');

    templateGen.HorizontalCheckbox .value = false;

    templateGen.generateBtn1 = compGrp3.add ('button', undefined, 'Generate');

    applyBtn.onClick =? ;

    When I work with drop-down menus, I always liked to tie the data they represent (like the width and height of the model in this case) directly to the elements.

    I run the code to really check, but it should work like this:

    -----------------

    Add models to your drop-down list and store the items in a table

    models var = [];

    models [0] = templateGen.compList.add('item','template1');

    models [1] = templateGen.compList.add('item','template2');

    models [2] = templateGen.compList.add('item','template3');

    set a width and height of each element

    models [0] .width = 1280;

    models [0] .height = 720;

    models [1] .width = 1024;

    models [1] .height = 768;

    models [2] .width = 1920;

    models [2] .height = 1080;

    Choose the item that should be selected by default

    models [0] .selected = true;

    applyBtn.onClick = function() {}

    read the width and height of the selected item

    var width = templateGen.compList.selection.width;

    var height = templateGen.compList.selection.height;

    {if (templateGen.VerticalCheckbox.value)}

    swap width and height

    var temp = width;

    width = height;

    height = temp;

    }

    now create your comp here with the given width and height

    }

  • Display the export value of the drop-down list instead of the element

    I'm showing the value to the export of a drop-down list instead of the selected option or the user selects BLACK, but the value of exports of BLK is actually displayed.  I can find many discussions on how to get the value of the exports and display it or use it to trigger another answer in another area and I can usually tweak my existing JavaScripts when I need something new, but I just can't wrap my head around this!

    This is my last attempt (failed)

    var f = this.getField ("eyes");

    If (event.value is 'Black - BLK')

    f.Value = "BLK".

    I use Acrobat PRO DC.

    Any help is appreciated,

    Thank you

    Xavier


    I've been doing this for a long time and have never heard of anyone who wants something like this, so it is interesting. Remove your current script and try the following script Format customized drop eyes:

    Custom drop-down list Format script

    Event.Value = event.target.getItemAt (event.target.currentValueIndices, true);

    This defines what is displayed in the drop-down list in the value of exports of the selected item. Select the 'Value selected to validate immediately' option to the drop-down list for smoother operation.

  • Is this possible? Subforms appeal based on the drop-down list associated with the database

    I'm hoping to make a dynamic shape and I wonder if it's possible.

    I have a database with about 300 entries - pieces of agricultural goods and a few little bits of info on each of these properties. I want to create a form where users can choose the piece there rather than the property in a drop-down list. Based on the property they select, another menu drop down to fill with the cultures associated with this property. Then based on the selection made in this drop-down list, a specific form will be brought upward.

    For example, a person selects property #102 in the drop-down list. In the database, property #102 is associated with wheat, barley and corn, so the next drop would be complete with these three cultures. The user selects the wheat in the drop-down list and the form of wheat would be called. 

    I hope I explained that well enough.

    Is this possible? And if it's possible, how complicated to do? Assuming that I already have the database and subforms, it would be a long process from weeks to the script, or it would be simple enough?

    Yes, this could be done, here is an example that should help: Drop dependent dropdown (specimen attached)

    On the basis of selection (change event of the second menu drop-down), you can show or hide a subform.

    -Wasil

  • Value of the drop-down list instead of the text

    I want a drop-down list that includes complete definitions for the user to watch but when they choose the item they want only the abbreviation indicating on the form. For example, in my items list is said 'Illinois', but when they select "Illinois" she fills the field with the bind value of 'IT '. Is this possible?

    See the attached file... If it helps...

    I place a TextField on the top of the drop-down list and setting the rawValue selected the TextField... In the case of exit of the combo I hide list drop-down and display of the textfield object. Similarly, in the event you enter in the text field, I am displaying the drop-down list field and hide the text field.

    This way I can show 'IT' If you choose "Illinois" in the menu dropdown.

    https://Acrobat.com/#d=7Y0qDg-ld6nWNxw8G-0cNg

    Thank you

    Srini

Maybe you are looking for

  • upgrade to Capitan but App store closed by itself!

    This happened to anyone before?  Must something be fixed before you do the upgrade?  Is the average one hour and 15 minutes download time?  This is what it says for mine before it unexpectedly closed.  It is the same for all Macbooks or time is consi

  • iPhone wants to update to 9.3, iTunes says phone is up-to-date 9.2.1

    My iphone wants to update to 9.3 but is unable, guard return error "you are not connected to internet" message. I am connected of course. Tried through iTunes that says phone is up-to-date 9.2.1. Have updated most recent iTunes, restarted phone and r

  • N900 no names of devices devices connected

    When I look in the settings of connected devices wireless base. I see ipnr in mac address but the devicename is empty. How can I change this, so that I see the devcice name that I give in the Advanced setting configuration lan address reservation.

  • Cannot install anything.

    My Xoom of US - not all of a sudden doesn't let me install anything from the Android Market. I've selected an application, and click on install, I saw a notification skipped upward, bottom right indicating 'Installation', but after a few moments, He

  • How do I change the language in Outlook Express from the French into English for the ck fate?

    Need to change the language of ck out in O/E of French into English. French is the only option provided currentlly.