Help with Spry Framework positioning not appearing correctly on pc's

I just created a gallery using the spry framework and finally got it working for me on all the browsers I have on my Mac. The problem is that on my clien'ts pc the gallery div tags end up moving up to the upper left corner and I'm not sure why. They are ap div tags that are supposed to be contained in my main content div and I'm at a lost as to why this is happening. I'm not the best at working directly with code or understanding it fully, usually do most everything with dreamweaver. I appreciate any help that you can give me and thanks for your time.
the site page is here: http://www.montanacraneservice.com/ppcanopylift/ppcanopylift.htm

Do you know what browsers are failing?
Seems to work on FF, IE6 and 8...

Similar Messages

Horizontal Spry Submenu does not appear correctly in IE

I am building a site in Dreamweaver CS5 and my spry submenus do not appear correctly in IE.   I work on a mac, but have been checking my work on a pc.   I have tried looking through other posts and have made some corrections (I at least got the submenus to appear vertically instead of laterallly in IE) but still have two problems:
   * The submenus are shifted to the right rather than aligning under the menu headings
   * One one menu (Attorneys) the submenus appear above, rather than below, the menu heading
Here is the website and I am really hoping someone can help! I've spent several hours trying to figure this out with no luck.
http://webdesign.protas.org/olg/English/olg%20eng.html

1. Especially IE takes offence to the DOCTYPE declaration not being on the first line
2. There is no end tag for the HEAD section
3. Your use of the Library Item for the menubar is not correct
Please have a look here http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwebdesign.protas.org%2Folg%2FEngl ish%2Folg%2520eng.html
Gramps

Help with indesign epub not appearing correctly on ipad

Can someone please tell me why my epub does not appear correctly when viewed on my ipad? It seems to push like a quarter of my full page image onto the next page. I don't want it to do this! I want it to looks like it does in ibooks on my mac.
See the links to below images that show how it looks on indesign, ibooks and ipad.
https://www.flickr.com/photos/118558552@N02/15536244571"
"https://www.flickr.com/photos/118558552@N02/15352308439"
https://www.flickr.com/photos/118558552@N02/15538941145"
Thankyou for looking, and I hope someone can answer!

Check this thread regarding the same issue and see if some of the suggestions there help you: IMAGES cut off when converting to epub

Navigation Drop Down Menu Does Not Appear Correctly with Internet Explorer.

Website was designed with Dreamweaver CS5 on a Mac. The navigation drop down menu does not appear correctly with Internet Explorer. When you mouse over a navigation option that has a drop-down menu, the drop-down portion appears on top of the first level. Hope someone can help me out.Thanks!
http://www.catchaghosttoursofkansas.com

Hi,
and you should then iron out this minor inaccuracy, which I found in your source code, for example here:
<div align="center"><a class="MenuBarItemSubmenu" href="hays.html">HAYS</a>
        <ul>
          <li><a href="hayswalkingtour.html">Walking Tour</a> </li>
          <li><a href="forthays.html">Fort Hays</a></li>
        </ul>
All your "first" entries have to show a '#", like this:
      <div align="center"><a class="MenuBarItemSubmenu" href="#">HAYS</a>
        <ul>
          <li><a href="hayswalkingtour.html">Walking Tour</a> </li>
          <li><a href="forthays.html">Fort Hays</a></li>
        </ul>
      </div>
after that you can link to the individual subgroups. See here e.g. (screenshots from my German DW):
Hans-G.

On certain sites, some lines have the lower half missing. Changing the font or its size does not help. The error does not appear with Iceape or Chromium.

On some sites certain lines appear with the bottom half missing, as if obliterated. Changing the font or its size does not help. The error does not appear with Iceape or Chromium.

I looks that the whole line doesn't fit in the container, so the bottom part is cut off. The usual cause is that a font is used that takes more vertical space, so any increase or changes from the font in what the website prescribes can cause this issue. I've seen web pages that were even affected by changing the minimum font size from none to 1 (!). If you do not have the font installed that the website specifies then Firefox will fallback to another (default) font that may have different dimensions.

'the software required for communicating with the iPod is not installed correctly. HELP.

everytime i try to update my ipod nano, i get an error message saying: 'the software required for communicating with the iPod is not installed correctly. Please reinstall iTunes to install the iPods software'
i have tried reinstalling my itunes but i am still getting this message.
what do i do?!

When you reinstalled, did you just uninstall iTunes, then download it from apple.com/itunes/download?

Spry Menu Issues - Not functioning correctly in Microsoft IE

Hi there,
I am fairly new to web design and dreamweaver.
I have constructed a simple page that I am happy with complete with Spry Menu which again I am happy with. However this spry menu works perfectly in firefox but for some reason on IE my spry menu does not function correctly and goes all over my page!
CORRECT VERTICAL MENU - FIREFOX -
INCORRECT MENU FUNCTION! - IE -
See my CSS Code below for the spry menu in questions - if this helps -
@charset "UTF-8";
/* SpryMenuBarHorizontal.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, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: inherit;
    font-size: 100%;
    cursor: default;
    width: 1000px;
    height: 47px;
/* 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 a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: medium;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 318px;
    float: left;
    height: auto;
    background-color: #000000;
    border: 2px solid #FFF;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: auto;
    cursor: default;
    width: auto;
    position: absolute;
    left: -1000em;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 318px;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    margin-top: -5%;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0px;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
    border: 1px solid #FFFFFF;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #bcbdb9;
    padding: 0.5em 0.75em;
    color: #FFF;
    text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    background-color: #000;
    color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #000;
    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.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* 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.MenuBarHorizontal ul 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.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarDownHover.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.MenuBarHorizontal ul 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.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: inherit;
    f\loat: left;
    background: #FFF;
** I am also using Windows 8 and Dreamweaver CS6 If this helps.**
Any help with this would be fantastic as I need this to be resolved before the end of the week.
Any further information required please message me to find out.
Thanks,
Jamie

THE CONFLICT IS BETWEEN YOUR DOCUMENT CSS AND THE SPRY CSS.
It is because the <li> and <a> TAGS have been styled and therefore OVERRIDDEN THE SPRY CSS.
Use CLASS TAGS e.g. <li class="anyclass"> and <a class="anyclass">
and STOP USING THE <a> TAGS.
N.b. you may need to unstyle any <a> or other TAGS that conflict with the SPRY CSS. (However it's best to start over knowing that styling basic tags may affect the SPRY CSS).

Website suddenly not appearing correctly in Firefox under Windows 7

I've had a website running for a couple of years now with no problems, but one of my clients sent me an email saying it's not appearing correctly on her system, Windows 7 runnning Firefox v. 15. I am on a MAC and have looked at the site on 4 different browsers and it looks fine, I also installed Firefox (v. 16) on a PC running Windows 7 and it looks fine there. Near as I recall I haven't made any changes to the site's structure, so I'm stumped. The website is http://www.horizonwings.org. Can anyone help? I've attached a couple of screen captures showing what she sees. Thank you.

I see the same problem as your client in Firefox 16 on Windows 7. To fix the problem, add clear: left to the style for leftColMain
#leftColMain {
    clear: left;     float: left;
    padding: 30px 0 0;
    position: relative;
    width: 210px;

Accents not appearing correctly in Safari

I'm having a problem where accent marks in webpages are showing up as symbols like this
BenoÃ®t XVI exhorte les jeunes Ã "ouvrir leurs coeurs Ã Dieu" - 23 minutes ago
Le Polisario libÃ¨re ses derniers prisonniers de guerre marocains - 23 minutes ago
Le Groenland va limiter la chasse Ã l'ours blanc, victime du rÃ©chauffem
I tried changing the encoding from western but it doesn't help. the unicode makes the accents appear correctly but the english doesn't always appear correctly. IE and Netscape show the text correctly. Any suggestions? Thanks for your time

Could you send me a screenshot of an example where the accents are OK but the English is not when using UTF-8 encoding? Also an example URL? Click on my name for the address.

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.

Buttons do not appear correctly in Firefox

My company uses IE 7 as their standard browser within the company. I am developing an extranet application so that the public can access my company's information. Since APEX supports both IE and Firefox, the application needs to appear the same in both versions. Everything looks fine except for the buttons.The buttons in my applications appears correctly in IE 7 but it does not appear correctly in Firefox 3.5.5.
You can access my application via the following link:
https://miniprofile.panynj.gov/pls/apexcfp8/f?p=120:1
Can someone assists please. I will forward you the customized CSS and templates that the application references via e-mail, if needed.
Thanks in advance,
Robert

Hi Robert,
According to FireBug, the following style in the PA_t15WL class is causing the problem:
background-position:0 50%;If you remove this, the button displays ok in FireFox - not sure what effect it has on IE7, though
Andy

Websites do not appear correctly.

After about a few hours of being on the internet (continuously or not), web pages will start to not appear correctly. The only way I have found to fix this is to clear the history. (Cookies, cache, etc.) This is only a temporary fix though and I would like to not have to do this every few hours when I'm in the middle of something. I haven't been able to find anything else on this at all besides the temp. fix of clearing the cache.

If you use extensions (Firefox/Tools > Add-ons > Extensions) that can block content (e.g. Adblock Plus, NoScript, Flash Block, Ghostery) then make sure that such extensions aren't blocking content.
You can try basic steps like these in case of issues with web pages:
Reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.
*Hold down the Shift key and left-click the Reload button
*Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
*Press "Command + Shift + R" (Mac)
Clear the cache and cookies only from websites that cause problems.
"Clear the Cache":
*Firefox/Tools > Options > Advanced > Network > Cached Web Content: "Clear Now"
"Remove Cookies" from sites causing problems:
*Firefox/Tools > Options > Privacy > Cookies: "Show Cookies"
Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Firefox/Tools > Add-ons > Appearance).
*Do NOT click the Reset button on the Safe Mode start window.
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

I keep having the message the software required for communicating with your ipad is not installed correctly please reinstall, I've uninstalled and reinstalled the latest version of itunes 8 times and no luck does anyone have any advice?

I keep having the message the software required for communicating with your ipad is not installed correctly please reinstall, I've uninstalled and reinstalled the latest version of itunes 8 times and no luck does anyone have any advice?

First, for the forum view issue. Go to My Settings (on the right) and in General Settings change the Topic Page View to Flat. Click Save. Posts should show up in the order they were written.
Have you seen this?
http://docs.info.apple.com/article.html?artnum=93764
Also, since you said that you've gone through the 5 Rs, I would assume that you used the iPod Updater to restore (since there is no other way of doing it and you don't "run" the 5 Rs).
When you restored, did you use the latest updater?
You may also want to try formatting the iPod through Windows. Connect it to the computer and when it appears in My Computer right click it and go to format. Does anything happen? Can you format the iPod through Windows?
btabz

The first time I connected my new My Passport portable hard drive to my Mac, the message asking if I want to use the drive to back up with Time Machine did not appear. What is the next step?

The first time I connected my new My Passport portable hard drive to my MacBook Pro, the message asking if I want to use the drive to back up with Time Machine did not appear. I would like to set it up to do this. What would my next step be?

Drive Partition and Format
1. Open Disk Utility in your Utilities folder.
2. After DU loads select your hard drive (this is the entry with the mfgr.'s ID and size) from the left side list. Click on the Partition tab in the DU main window.
3. Under the Volume Scheme heading set the number of partitions from the drop down menu to one. Click on the Options button, set the partition scheme to GUID then click on the OK button. Set the format type to Mac OS Extended (Journaled.) Click on the Apply button and wait until the process has completed.
4. Select the volume you just created (this is the sub-entry under the drive entry) from the left side list. Click on the Erase tab in the DU main window.
5. Set the format type to Mac OS Extended (Journaled.) Click on the Security button, check the button for Zero Data and click on OK to return to the Erase window.
6. Click on the Erase button. The format process can take up to several hours depending upon the drive size.
Open Time Machine preferences to select this drive for use as the backup drive. Turn on Time Machine.

I connected my iPod to my PC and got a message 'The software for communicating with the iPod is not installed correctly.

I connected my iPod to my PC and received a message box that read "The software for communicating with the iPod is not installed correctly. Please reinstall the iPod's software." Not sure what I need to do. I did uninstall all of my iTunes and related software components and then reinstalled the latest version of iTunes but that did not correct the problem and I now can't access my iTunes library at all.

Another thing is that iPod Touch shows up fine...I've tried every other ipod from older 4gig Nanos to 120gb Classics and none of them work..this is really annoying!

Help with Spry Framework positioning not appearing correctly on pc's

Similar Messages

Maybe you are looking for