Positioning Messing up

When i use the Position "effect" the layer under it moves as well. Say i move layer #2 which is above layer #3 to the position 1000,360 layer #2 moves the other way the same amount i moved layer #2. Here a GIF (watch it in MP4) http://gyazo.com/f81b5cf00f1e5e742ba243cc230f921c. As you can see at the end layer #3 moves the opposite way as layer #2. I dont know what is going on. Mabey i have something turned on/off but if someone could help me out i would appreciate it.

Im using the built in Positioning effect, like when you hit the drop down arrow then you hit the drop down arrow for the transition. its that positioning.
Okay, let's get our AE Lingo straight: it's like you're writing Swahili, but we read only English.
Position is a PROPERTY found in a layer's twirl-down button.  You principally animate it by setting a keyframe, then changing the layer's position values at a different spot in the timeline.
An EFFECT is something you apply to a layer, and there are MANY of them, located in the Effects & Presets panel.  You can animate effects, too: once applied, many of the values of effects can be keyframed.  And there isn't a "Position" effect, either.
So what are you doing: animating a layer's position or animating an effect that you've applied to a layer?
Some screen grabs of your AE window would be helpful in figuring out what's wrong.  Not to mention giving us crucial information, a list of which you'll find here:
http://forums.adobe.com/message/4200845#4200845
It also sounds like you'd benefit from spending some quality time here:
Getting started with After Effects (CS4, CS5, CS5.5, CS6, & CC)
If you try to use AE by just messing around with it, you'll get hopelessly lost... as it appears you are at this moment.  Blow off learning the basics at your peril.

Similar Messages

  • Positioning messed up on different OS

    hi guys,
    I have two JPanels. The LHS contains a bunch of JButtons going down vertically. The RHS draws the relevant JPanel. Why is it that when I load my GUI on a linux platform, the positioning of the JCobomBox is horizontally aligned with the positioning of the last JButton, yet when I view it in XP, the JComboBox is a lot lower. Why? I thought Swing was supposed to be platform independent.
    Also, I don't like the look and feel on my Linux machine. It looks really horrible and "boring". Especially the JComoBoxes. Eugh! However, it looks pretty good on XP. Do you think it is a good idea for me to hand code the look and feel into my code so that it appears the same on all different platforms? Or is this bad design?

    Just change the resolution on xp and again test.
    if you want Look and Feels here is the link
    http://www.javootoo.com/
    Just add this in try catch block
    UIManager.setLookAndFeel("com.sun.java.swing.plaf.motif.MotifLookAndFeel");
    UIManager.setLookAndFeel("com.incors.plaf.kunststoff.KunststoffLookAndFeel");
    UIManager.setLookAndFeel("com.birosoft.liquid.LiquidLookAndFeel");
    UIManager.setLookAndFeel("net.sourceforge.mlf.metouia.MetouiaLookAndFeel");
    UIManager.setLookAndFeel("com.l2fprod.gui.plaf.skin.LinuxLookAndFeel");
    UIManager.setLookAndFeel("com.jgoodies.looks.windows.WindowsLookAndFeel");
    UIManager.setLookAndFeel("com.jgoodies.looks.plastic.PlasticLookAndFeel");
    UIManager.setLookAndFeel("nextlf.plaf.NextLookAndFeel");
    String nativeLF = UIManager.getSystemLookAndFeelClassName();
    UIManager.setLookAndFeel(nativeLF);

  • MSI Forum HQ USB flashing tool!!!

    Hi guys,
    We the forum team have developed  a new way of flashing.
    You no longer need a floppy or anything, just an USB-stick.
    The tool has been tested together with MSI and as far as we have done our testing, there are no problems at all.
    As long as the USB-stick is FAT or FAT32 formatted!
    However, flashing is allways risky, so if it goes bad it's your own fault, but that goes for all flashing you do.
    This tool is intended to flash MSI retail motherboards and laptops,
    but if needs you can use any other machine to prepare the necessary stuffs and the USB stick there,
    before move the USB stick to the msi product that you want to flash.
    The way it works is simple: Download the package and download the BIOS from the MSI website that you want to flash.
    The rest is straight forward.
    Make sure that your board is set to be able to boot from USB.
    So turn on USB Legacy Support in the BIOS.
    Boot and press F11 to get the boot-popup and select your USB-device to boot.
    (some boards have a different key, like K8N Master uses ESC for the boot-menu)
    What ever you do, make sure you read all warnings!
    The forum nor MSI is responsible if it fails for you.
    Nor is this software supported by MSI technical support!
    Please report problems/buggs if you find them.
    currently supported OS ( both 32 & 64 bit):
    Windows NT, Windows 2000, Windows 2003, Windows XP, Windows Vista, Windows 7 (also Windows in Virtualbox under Linux!)
    (all kind of versions)
    NOTE: If you are having problems getting your USB device to boot correctly, you may need to format it correctly as the geometry data may be incorrect. You can do that by pickup option "Fix My USB key" from the Tool or by using >>> THIS <<< tool here! For future usage you can skip this step, it need to be done only once if your stick need adjustment.
    This topic is for discussion of and help with the USB flash tool only. If you have a problem with your PC and need help then do not hijack this topic, please start your own new topic in the correct area of this forum!
    NEW! >>> Read the comprehensive user guide here! <<<
    The download links are listed below:
    https://www.dropbox.com/s/yu8imcr1tsopm24/MSIHQ%20Tool%201.26h%20Installer.rar?dl=0

    Quote from: max-sever on 25-May-07, 01:29:21
    Hi!
    I'm have problem with antivirus program too.
    Dr.Web
    C:\Temp\x863\bossmsi.exe - &#1080;&#1085;&#1092;&#1080;&#1094;&#1080;&#1088;&#1086;&#1074;&#1072;&#1085; Trojan.Blakhal
    Kaspersky Anti-Virus
    bossmsi.exe - &#1080;&#1085;&#1092;&#1080;&#1094;&#1080;&#1088;&#1086;&#1074;&#1072;&#1085; Backdoor.Win32.Iroffer.af
    This file is a antivirus testing program?
    Hi Max,
    "This file is a antivirus testing program? "
    yes, the latest version accidentally really become a test for any AV....
    in latest 1.13b Avast! no more report false positive,
    but all others AV software starting reporting a different false positive results:(all AV listed didn't report false positive problem in a provisional version) Avast! was fixed and no more report the false passivity and passed, but all other AV software started to be a lot confused...
    Kaspersky Anti-Virus - Proactive Defense Warning: Riskware detected.
    Kaspersky Anti-Virus 2nd ID - Backdoor.Win32.Iroffer.af
    Dr Solomon's:  probably found Zafi.D.Virus
    Symantec: Bloodhound.Overpacked / * Overpacked when a potentially unknown virus is found using Symantec Bloodhound technology */
    Panda: Win32:Trojan-gen.(Mytob.U.Mod)
    Mcafe: Worm.W32/Bakain
    Dr.Web: Trojan.Blakhal
    Bit.Defender: Trojan.JS.Obsq.Gen
    Just to clarify one more time, all things listed are false alert coused and exist in latest version only due Avast! fix.(1.13b)
    didn't continue to test with rest of AV...
    only Avast! and NOD32 report no problem detected.
    in 1.13a all false positive listed above doesn't exist, but only Avast! report false positive.
    Hoverer, the wave of false positive mess has been resolved along with Avast! false positive as well.
    New version is ready, 1.13c:
    - fixed false positive wave which confusing most of AV software. (all AV do not report any problems anymore)
    - fixed 3 minor bugs:
           * after finished work the tool do not quit normal as expected and hang instead, that happend in x32bit OS only when used has been asked for reboot and answered with "No". e.g. in described specified case.
           * 4th mainboard filter report positive results in some Biostart mainboard and this cause tool to false ID some Biostar board as MSI one.
           * added missing drive letter as USB key choice ("I")
    Download location in a the 1st post of this topic.

  • I've recently messed up my Mac OS X Lion by deleting Aperture, but I need to get my data out of the computer. And by the way, I've got an important project in Final Cut Pro X. Is there any way I can back it up (including fxs and positions of the clip) ?

    Hello everyone
    I've recently messed up my Mac OS X Lion by deleting Aperture, but I need to get my data out of the computer. I've tried to repair it using DU, but it said I needed to backup all my data and reinstall the OS. How do I backup my data to an external drive?
    And by the way, I've got an important project in Final Cut Pro X. Is there any way I can back it up (including fxs and positions of the clip) ?
    Hope you guys can help me!

    You need to back up 2 folders, Final Cut Events and Final Cut Projects which by default are located on your Movies Folder. You can always check by clicking on a clip inside Fianl Cut X and selecting Show in Finder in the contextual menu for the selected clip.

  • My macbook pro screen is totally messed up in different positions with the screen

    My screen is totally messed up when I put my screen in different positions.
    Does anyone know about this problem?
    Picture on the screen is just below.
    How am I suppose to fix this problem? I have never dropped or damaged my Macbook Pro, its in perfect conditions (besides this).
    Its a Macbook Pro 13" Sent 2011
    2,4 GHz Intel Core i5
    16 gb 1333 mhz DDR3
    Intel HD Graphics 3000 512 MB
    Thanks for the help in advance.

    Parts fail - there's likely nothing that you did to make the machine fail. Good thing you've that homeowner's insurance - I have an accidental damage rider on my renter's insurance. Something like $6 a month for up to $10,000 in coverage.
    Get the to an Apple Store or AASP... they'll be able to fix it.
    Good luck,
    Clinton

  • Why are animated GIFs in Firefox 11 slow? I downgraded to Firefox 10 and the animated GIFs suddenly play fine again, so I am positive that the update messed up the playback delay of animated GIFs somewhere.

    Self-explanatory. I am positive that the GIF I am viewing is faster than what it's supposed to be. I viewed the same animated GIF in another browser and it plays fine. It just plays slower in Firefox 11. I downgraded to Firefox 10 and the animated GIFs were fine again. I upgraded back to 11 and yet again the animated GIFs slowed down. This happens for all of my animated GIFs.
    I like viewing my animated GIFs, and since I don't have any problems yet with Firefox 10, I'll be sticking with it for a while...

    Yes I have exactly the same problem, and it has NOT been solved yet in Firefox 14. Please Mozilla, what is the use releasing more and more "major upgrades", Firefox 11, then 12, then 13, then 14 (one per month !) if you don't even care to fix the big problems ? That is just marketing crap, nothing more. You guys used to do amazing job, but the new policy is just unbearable, no offense meant : you need to react !

  • Position/size properties messed up of imported svg's in An CC 2014?

    Hello,
    Opening an existing project in Edge Animate CC 2014 gave specific, big negative x and y coordinates of objects on the stage, while the objects still appeared at the right place on the stage. However, trying to alter the position, the object suddenly disappeared of screen.
    Starting a new project with a number of imported svg's made in Illustrator, trying to manipulate there position and scale is a nightmare. The size amounts are all over the place. I guess there is a serieus bug because of the now standard 10% scaling, when importing svg's.
    I sure hope Adobe is fixing this problem very soon and prevents such hiccups in future releases. Who has a work around or solution?
    Thanks for your response,
    Ad

    Hey Troy, apologies for the delay.
    I just tried this and did not experience the issue you describe. I went through nine copy (Illustrator) and paste (Edge) process. Each came through successfully.
    I don't suppose you are hitting a memory issue! I have 16gigs of Ram so I may be getting more use out of my upper memory allocation. I am also using the latest versions of both - is this your case as well.
    If need be and you want to get all of the states separated as svg, individually, you may want to have to a look at this Illustrator script - Export Illustrator Layers to SVG files | Thomas Byrne
    Darrell

  • I have a problem related to the position of the data and controls on the screen - they have moved up under the time bar at the top of the screen and the rotation is locked messed up.

    This problem has only just appeared. When I call up a page in Firefox Home, from either the Tabs or Bookmarks group, the page appears vertically shifted up under the iPod time bar and two overlapping copies of the control bar appear at the bottom. I tried signing out and completely re syncing the data but that didn't fox the problem. Also when I try to rotate the screen, a rotated image appears underneath th original. This doesn't happen with any other app.

    I still don't have any idea what caused the problem. It didn't go away when I re-synced. However, when I completely shut down the iPod (64GB Gen4) by pressing and holding the ON/OFF button until it gave me the red 'slide to turn off' control, and then rebooting it from scratch the problem went away.
    It looks like there was some conflict between the system and the app that is going to be quite difficult to find. If it happens again I'll try to be more observant of the conditions and report more information.

  • Edit stage size without effecting elements position.

    Question.  Can you change the size of your stage, say smaller than what you started with, so that when you move your elements to the new position of the stage the motion paths do get messed up because you moved everything?
    I have a "full" page layout that I would like to cut in half but the stage jumps to a "middle" point and when I try to move all my elements, some with motion paths, it increases the distance of the path and destroys it.  I don't see any way of locking the paths to move an element and I have 23 elements with paths to move so moving each would suck.
    I know Edge is basically in Beta 24, 7 because it's still not flushed out anywhere near where it could be.  If they just allowed you to adjust the stage size by locking a region kinda like page size in Photoshop or adjusting the page like in Illustrator with cropping.
    Any suggestions or help would be greatly appreciated.
    Thanks,
    Ryan.

    Hi Colin,
    Thanks for the fast reply.
    I guess I checked fullscreen when creating the project, however, when setting fullScreen to false (and uncommenting the still commented node?!) in de descriptor file I get the following compile error:
    Error occurred while packaging the application:
    /private/var/folders/gv/gv-j1H1UFJ4olvFpGwVTVk+++TI/-Tmp-/AOT1309729499262/Box2DiPad-app.x ml(109): error 103: application.initialWindow.fullScreen is an unexpected element/attribute
    User error somewhat or bug?
    ... Rats! In case anyone messes up like me: The fullscreen node gets rewritten all the way at the bottom of the initialWindow section. So it needs to be changed there....
    Is there anyone who can shed some light on AIR 2.7 update progress?
    Thanks,
    Manno

  • IN R12, NEW WEB PAGES ARE OPENED IN THE MINIMIZED POSITION

    We've upgraded to Release 12.0.5. Whenever we click on functions that open new web pages, the new web page opens in the minimized position.
    This is very troublesome for our user community because they often do not notice the new page blinking and they keep clicking the link many times.

    Try to disable hardware acceleration in Firefox.
    *Tools > Options > Advanced > General > Browsing: "Use hardware acceleration when available"
    *https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
    *https://hacks.mozilla.org/2010/09/hardware-acceleration/
    You can also try to set the gfx.content.azure.enabled pref to false or if this didn't help disable Direct2D by setting the gfx.direct2d.disabled pref to true on the about:config page and leave hardware acceleration otherwise enabled.
    *[[/questions/942265]] Font is messed up on Firefox 17.0

  • I have the most messed up iTunes/Mac ever at the moment.

    Hello. This is going to take a while to explain, but thank you in advance if you are brace enough to tackle this problem.
    This is how it started..
    I had an itunes library already and it was perfectly sorted etc. I don't know what was going on behind the scenes in terms of music folders etc, but in itunes it looked great. Then I took some music off my friends mac. Basically I wasn't thinking at the time so I should dragged and dropped whatever I wanted into myhardrive without creating a folder or anything (Like i said i wasn't thinking). Then when it came to putting the new (1000 songs approx) onto my laptop I stupidly just command + A'd my entire harddrive and copy and pasted it into itunes. So needless to say everything in my harddrive, like my past back ups of my mac etc, went into my itunes. It took hours to transfer over by which time i was starting to realise my mistake and sobbed whilst leaving it on over night to finish transferring.
    Anyway thats the first catalyst in the construction of this mess..The plot, unfortunately, thickens.
    My itunes obviously had ALOT of duplicates and through running a little experiment with a song i didnt care about losing i noticed that if you 'display duplicates' and delete all the duplicates this doesnt leave ANY copies of the song in itunes, which is beyond annoying and almost makes the feature redundant, for my needs anyway. I also had all the random mac 'sounds' and random things that shouldnt have been in itunes due to me copying EVERYTHING from my harddrive into poor itunes.
    So I recruited some help from a friend. This was his plan: Delete everything in itunes, go back on time machine and back up itunes from there so i was back to the position i was in before transferring everything from the harddrive and then going back into my harddrive and importing the music in a more organised, less hasty manner. So he backed up my itunes as it was just incase something went wrong. This took a good half hour and he named the folder 'new old itunes'. Then he deleted the contents of itunes and went backin itunes to my last back up and restored itunes. However this is where things start to go more wrong. There was lots of stuff missing, as if the back up hadnt worked. Like the albums would be incomplete etc. So we went into the folder mentioned above 'new old itunes' and in there too there was music missing. If you clicked on an album it would be empty or only have 3 tracks when there should be like 15 or whatever.
    Anyway he had to go, so i started doing some investigating and the music is still on my mac, just in random folders. so one particular song for instance wouldnt be in my itunes, wouldnt be in the back up, wouldnt be in the 'old new itunes' but if i searched for the track name in finder i would find it in other folders.
    I know im getting a bit sketchy on the finer details but im not 100% what my friend did, this isnt his fault just itunes and mac acting funky but its even worse now. Anyway I seem to have multiple copies of lots of music. The music from the import that messed everything up is still on my mac in random places and needless to say, due to all these duplicates all over the place, my mac is full to the brim so i need to delete stuff but am unsure of what is safe to delete!
    There is probably stuff i have missed out that if you suggest something to me i might reply saying that i have tried that and explain why it didnt work, please dont think im being rude. I've spent many hours trying to sort this and i think i have probably inadvertently messed it up more! I have delete the folder mentioned above, but it is still in my trash so could get it again, but as mentioned it is incomplete anyway.
    If someone has any clue how to solve this i would be very very grateful, im so sad about it. I like having my itunes all nice!
    Basically i want all the music, pre-mess up and all the new music on my harddrive to be in my itunes all nice and stuff.
    Many thanks in advance and I'm sorry that its a long one and ive been lacking in grammar and punctuation alot.

    Well, indeed that does not sound like a fun situation to be in. But, it is VERY good you are using Time Machine.
    Let me explain, that there are two options when it comes to storing files in iTunes. When you import files, it will either leave the file in its original location on the hard drive and iTunes will know its location, or it will copy the file and store it in Music/iTunes/iTunes Media/Music/Artist_Name/Album_Name/, IF you have the option enabled titled "Keep iTunes Media folder organized."
    I imagine you have it set to copy everything into the iTunes Media folder, which explains why your hard drive is filling up. Otherwise no extra space would have been taken up.
    Therefore, my recommendation is this:
    Quit iTunes first. Then navigate to ~/Music in Finder, then Enter Time Machine. Restore the ENTIRE iTunes folder in that location from a previous backup that occurred BEFORE this whole thing happened. Depending on how much space you have left on your hard drive, it may be wise to first delete the entire current iTunes folder. The restore could take a long time, depending on how much data you have in iTunes.
    This will guarantee you get back to a previous library, exactly as it was at that date and time. Yes, it may be a bit overkill but it is by far the simplest solution. Hope that works!

  • Messed up again! Help to display current day and date ...

    Sorry guys and gals, I messed up again due to my noobidity, but you know the two most abundant things in the universe, are hydrogen ..... and noobidity!.
    I have this page http://www.poffertjes.ch/index.html that nicely states the current day and date and it also works on all subsequent pages.
    I needed a new page and figured I could just copy the code to the same position on this page: http://ppbm5.com/submission.html but behold, it just is not displayed at all.
    I have been going over the code many times, but I can't figure out why the current date is not displayed at all. Can someone please show me what I did wrong?

    Harm,
    I gain 5 pounds each time I look at your site. 
    Maybe this link will help you:
    http://www.mediacollege.com/internet/javascript/date-time/
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb

  • How do I stop Firefox from claiming to have sessionrestore errors or opening the wrong session items and/or remember the wrong window size and/or position.

    Since automatically updating to version 25 Firefox is randomly opening recent tabs and windows from the browsing history, and/or randomly positioning the browser window from history.
    Currently using Firefox 25.0.1 on Windows Vista and Windows 7. Problems started immediately after automatic updates to 25.0.0. Problems are most noticeable on the Vista box because it has so much screen geography (the Windows 7 box is a laptop).
    Problems include:
    Firefox may open the correct tabs into a properly sized and positioned window, without problem. (Not a problem, included for completeness since it does, occasionally, work without error).
    Firefox open a single empty tab (about:blank, my Home page). (Listed as a problem because Firefox simply forgot the tab which was open.)
    Firefox may claim it cannot open the correct tabs and pop up about:sessionrestore. Proceeding will open all tabs (usually only one or two for me). This gives the impression Firefox did not actually have a problem. But, then, often, the tab Firefox is having problems restoring is about:blank so I should hope there was no problem!
    Firefox may open randomly selected recent browsing items, without other problems. This gives the impression that Firefox does not properly record recent history for about:sessionrestore. Checking History appears correct; Firefox simply reached back hours, or days, or even weeks, and restored a random session from long ago.
    Any of the above may occur, but the window position and/or size will be randomly selected from another recent history item. This is most noticeable when the position is on the wrong monitor and can be annoying since Firefox simply "disappears" if (as it often is for me) that other monitor is disconnected or powered off.

    If you use cleanup software like CCleaner then check the settings for the Firefox application.<br />
    Also make sure that your anti-virus software doesn't mess with files in the Firefox profile folder.
    *http://kb.mozillazine.org/Profile_folder_-_Firefox
    You can check for problems with the sessionstore.js and sessionstore.bak files in the Firefox profile folder that store session data.
    Delete the sessionstore.js file and possible sessionstore-##.js files with a number and sessionstore.bak in the Firefox profile folder.
    *Help > Troubleshooting Information > Profile Directory: Show Folder (Linux: Open Directory; Mac: Show in Finder)
    *http://kb.mozillazine.org/Profile_folder_-_Firefox
    *http://kb.mozillazine.org/Multiple_profile_files_created
    Deleting sessionstore.js will cause App Tabs and Tab Groups and open and closed (undo) tabs to get lost and you will have to recreate them (make a note or bookmark them if possible).

  • Spry menu Bar I.E. positioning issues?

    Hi,
    I, like many folks I've seen on various forums have the same problem with my spry menu appearing at the top of I.E browsers instead of under the menu bar. I've tried all sorts of fixes that I've found and have updated to the latest version of Spry. I am using CS3. Could anyone please, please help? I'm not sure where else to go as I've spent the last week on the web trying to resolve the issue. Everything works great on Safari and Firefox. My URL is http://www.visiongreeninvestments.org
    Thanks in advance to anyone who can point me in the right direction.
    My CSS is:
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
    /* 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: none;
        font-size: 100%;
        cursor: default;
        width: auto;
    /* 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: 100%;
        position: relative;
        text-align: left;
        cursor: pointer;
        width: 130px;
        float: left;
    /* 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: 1020;
        cursor: default;
        width: 8.2em;
        position: absolute;
        left: -1000em;
    /* 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: 8.2em;
        background-image: none;
    ul.MenuBarHorizontal ul li a
        width: 7.8em;
        background-image: none;
        background-color: #669933;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
        position: absolute;
        margin: -5% 0 0 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: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
        border: 0px solid #CCC;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
        display: block;
        cursor: pointer;
        background-color: #669933;
        color: #000066;
        text-decoration: none;
        font-family: Times;
        font-size: 14px;
        font-weight: normal;
        background-image: url(../homepagelayout/greenbarbg.jpg);
        background-repeat: repeat;
        padding-top: 0.5em;
        padding-right: 0.75em;
        padding-bottom: 0.5em;
        padding-left: 0.75em;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: 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: #669933;
        color: #FFF;
        background-image: none;
    /* 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: #669933;
        color: #FFF;
        background-image: none;
    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(../homepagelayout/greenbarbg.jpg);
        background-repeat: repeat;
        background-color: #669933;
    /* 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: none;
        background-position: 95% 50%;
        background-color: #669933;
    /* 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: none;
        background-position: 95% 50%;
        background-color: #669933;
    /* 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: none;
        background-repeat: repeat;
        background-position: 95% 50%;
        background-color: #669933;
    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;
    /* 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: #FFF;
        /*insert this bracket/*

    I see that the online version has already been upgraded to Spry 1.61 and that it now works.
    Gramps
    PS Before you change anything, have a look here http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one. This will ensure that you don't make a mess of it this time around.

  • Dreamweaver Images look fine in view but messed up in BROWSER !!!

    Hello Guys
    I have been getting this weird messed up images since i started my project.
    This is giving me a headache so i thought this is best place to solve my problme.
    I'm not pro website designer just newbie.
    HELP ME !!!
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Website Discovery Mongolia</title>
    <style type="text/css">
    #Question {
              position: absolute;
              width: 189px;
              height: 23px;
              z-index: 3;
              left: 1100px;
              top: 30px;
              margin: auto;
    #Container {
              position: relative;
              width: 1366px;
              height: 2532px;
              z-index: 1;
              margin: auto;
              background-color: #A22239;
    #Destinations {
              position: absolute;
              width: 162px;
              height: 23px;
              z-index: 2;
              left: 35px;
              top: 310px;
    #AboutDis {
              position: absolute;
              width: 288px;
              height: 24px;
              z-index: 2;
              top: 310px;
              left: 1045px;
    #Activities {
              position: absolute;
              width: 338px;
              height: 28px;
              z-index: 2;
              left: 35px;
              top: 640px;
    #LateAvail {
              position: absolute;
              width: 210px;
              height: 28px;
              z-index: 2;
              top: 640px;
              left: 1060px;
    #LatestNews {
              position: absolute;
              width: 161px;
              height: 28px;
              z-index: 2;
              left: 35px;
              top: 980px;
    #DisMongCom {
              position: absolute;
              width: 403px;
              height: 28px;
              z-index: 2;
              top: 979px;
              left: 328px;
              padding: 0px;
    #PopTrips {
              position: absolute;
              width: 200px;
              height: 28px;
              z-index: 2;
              top: 980px;
              left: 1060px;
              padding: 0px;
    #Read1 {
              position: absolute;
              width: 104px;
              height: 23px;
              z-index: 2;
              left: 35px;
              top: 734px;
    #R1 {
              position: absolute;
              width: 110px;
              height: 25px;
              z-index: 2;
              left: 35px;
              top: 1135px;
    #Read2 {
              position: absolute;
              width: 110px;
              height: 1px;
              z-index: 3;
              left: 35px;
              top: 1290px;
    #Read3 {
              position: absolute;
              width: 110px;
              height: 25px;
              z-index: 2;
              top: 1440px;
              left: 35px;
    #Video {
              position: absolute;
              width: 95px;
              height: 22px;
              z-index: 2;
              padding-left: 2px;
              top: 1135px;
              left: 325px;
    #Pictures {
              position: absolute;
              width: 133px;
              height: 23px;
              z-index: 3;
              left: 328px;
              top: 1280px;
    #Follow {
              position: absolute;
              width: 136px;
              height: 24px;
              z-index: 2;
              left: 329px;
              top: 1440px;
    #Copytight {
              position: absolute;
              width: 200px;
              height: 58px;
              z-index: 2;
              top: 2260px;
              left: 410px;
    #ViewTripButton1 {
              position: absolute;
              width: 160px;
              height: 40px;
              z-index: 2;
              top: 1405px;
              left: 1170px;
    #ViewTrip2 {
              position: absolute;
              width: 160px;
              height: 40px;
              z-index: 3;
              left: 1170px;
              top: 1570px;
    #ViewTrip3 {
              position: absolute;
              width: 160px;
              height: 40px;
              z-index: 2;
              left: 1170px;
              top: 1230px;
    #BannerPhoto1 {
              position: absolute;
              width: 1015px;
              height: 180px;
              z-index: 2;
              top: 108px;
              left: 15px;
    #SpryMenu {
              position: absolute;
              width: 1100px;
              height: 20px;
              z-index: 2;
              left: -1px;
              top: -25px;
    </style>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    </head>
    <body bgcolor="#A22239">
    <div id="Container">
      <div id="BannerPhoto1">
        <div id="SpryMenu">
          <ul id="MenuBar1" class="MenuBarHorizontal">
        <li><a href="Indexpage.html">HOME    </a>    </li>
        <li><a href="#">TOURS</a></li>
        <li><a href="#">TRANSPORT</a>    </li>
        <li><a href="#">ABOUT MONGOLIA</a></li>
        <li><a href="#">TRAVEL GUIDE</a></li>
        <li><a href="#">CONTACT</a></li>
      </ul>
    </div>
        <!-- Begin DWUser_EasyRotator -->
        <script type="text/javascript" src="http://c520866.r66.cf2.rackcdn.com/1/js/easy_rotator.min.js"></script>
        <div class="dwuserEasyRotator" style="width: 1015px; height: 180px; position:relative; text-align: left;" data-erconfig="{autoplayEnabled:true, lpp:'102-105-108-101-58-47-47-47-67-58-47-85-115-101-114-115-47-66-105-108-107-97-83-109- 105-108-101-47-77-117-115-105-99-47-68-111-99-117-109-101-110-116-115-47-69-97-115-121-82- 111-116-97-116-111-114-80-114-101-118-105-101-119-47-112-114-101-118-105-101-119-95-115-11 9-102-115-47', wv:1}" data-ername="Roator" data-ertid="{pankqfmdhc4588799372931}">
          <div data-ertype="content" style="display: none;">
            <ul data-erlabel="Main Category">
              <li> <img class="main" src="New Images/BannerSlidePhotos/Photo3.jpg" /> <img class="thumb" src="New Images/BannerSlidePhotos/Photo3.jpg" /> </li>
              <li> <img class="main" src="New Images/BannerSlidePhotos/Photo2.jpg" /> <img class="thumb" src="New Images/BannerSlidePhotos/Photo2.jpg" /> </li>
              <li> <img class="main" src="New Images/BannerSlidePhotos/Photo1.jpg" /> <img class="thumb" src="New Images/BannerSlidePhotos/Photo1.jpg" /> </li>
            </ul>
          </div>
          <div data-ertype="layout" data-ertemplatename="NONE" style="">
            <div class="erimgMain" style="position: absolute; left:0;right:0;top:0;bottom:0;" data-erconfig="{__numTiles:3, scaleMode:'scaleDown', imgType:'main', __loopNextButton:false, __arrowButtonMode:'rollover'}">
              <div class="erimgMain_slides" style="position: absolute; left:0; top:0; bottom:0; right:0;">
                <div class="erimgMain_slide">
                  <div class="erimgMain_img" style="position: absolute; left: 0; right: 0; top: 0; bottom: 0;"></div>
                </div>
              </div>
              <div class="erimgMain_arrowLeft" style="position:absolute; left: 10px; top: 50%; margin-top: -15px;" data-erconfig="{image:'circleSmall', image2:'circleSmall'}"></div>
              <div class="erimgMain_arrowRight" style="position:absolute; right: 10px; top: 50%; margin-top: -15px;" data-erconfig="{image:'circleSmall', image2:'circleSmall'}"></div>
            </div>
            <div class="erabout erFixCSS3" style="color: #FFF; text-align: left; background: #000; background:rgba(0,0,0,0.93); border: 2px solid #FFF; padding: 20px; font: normal 11px/14px Verdana,_sans; width: 300px; border-radius: 10px; display:none;"> This <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">jQuery slider</a> was created with the free <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">EasyRotator</a> software from DWUser.com. <br />
              <br />
              Use WordPress? The free <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/wordpress/" target="_blank">EasyRotator for WordPress</a> plugin lets you create beautiful <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/wordpress/" target="_blank">WordPress sliders</a> in seconds. <br />
              <br />
              <a style="color:#FFF;" href="#" class="erabout_ok">OK</a> </div>
            <noscript>
              Rotator powered by <a href="http://www.dwuser.com/easyrotator/">EasyRotator</a>, a free and easy jQuery slider builder from DWUser.com.  Please enable JavaScript to view.
            </noscript>
            <script type="text/javascript">/*Avoid IE gzip bug*/(function(b,c,d){try{if(!b[d]){b[d]="temp";var a=c.createElement("script");a.type="text/javascript";a.src="http://easyrotator.s3.amazonaws.com/1/js/nozip/easy_rotator.min.js";c.getElementsByTagName("head")[0].appendChild(a)}}catch(e){alert("EasyRotator fail; contact support.")}})(window,document,"er_$144");</script>
          </div>
        <!-- End DWUser_EasyRotator -->
      </div>
      <img src="New Images/MainBackgroundImages/Top.jpg" width="1030" height="287" /><img src="New Images/MainBackgroundImages/Form.jpg" width="336" height="287" />
      <div id="Question"><img src="New Images/Buttons and Text/newdesign_03.jpg" width="189" height="23" /></div>
      <img src="New Images/MainBackgroundImages/_03.jpg" width="1019" height="331" />
      <div id="Destinations"><a href="Indexpage.html"><img src="New Images/Buttons and Text/newdesign_10.jpg" width="162" height="23" /></a></div><img src="New Images/MainBackgroundImages/About-Discovery-Mongolia.jpg" width="347" height="331" /><div id="AboutDis"><a href="www.wikipedia.com"><img src="New Images/Buttons and Text/newdesign_07.jpg" width="288" height="24" /></a></div><div id="Activities"><a href="www.google.com"><img src="New Images/Buttons and Text/newdesign_14.jpg" width="338" height="28" /></a></div>
      <img src="New Images/MainBackgroundImages/Activities-and-Experiences.jpg" width="1019" height="342" /><img src="New Images/MainBackgroundImages/_06.jpg" width="347" height="342" />
      <div id="LateAvail"><a href="www.quirky.com"><img src="New Images/Buttons and Text/newdesign_08.jpg" width="210" height="28" /></a></div>
      <div id="LatestNews"><a href="www.google.com"><img src="New Images/Buttons and Text/newdesign_17.jpg" width="161" height="28" /></a></div><div id="DisMongCom"><a href="www.yahoo.com"><img src="New Images/Buttons and Text/newdesign_19.jpg" width="403" height="28" /></a></div><div id="PopTrips"><a href="www.exodus.co.uk"><img src="New Images/Buttons and Text/newdesign_21.jpg" width="169" height="28" /></a></div>
      <img src="New Images/MainBackgroundImages/Contern2.jpg" width="297" height="669" /><div id="Read3"><a href="Indexpage.html"><img src="New Images/Buttons and Text/newdesign_27.jpg" width="110" height="25" /></a></div><div id="R1"><a href="Indexpage.html"><img src="New Images/Buttons and Text/newdesign_27.jpg" width="110" height="25" /></a></div><div id="Read2"><a href="Indexpage.html"><img src="New Images/Buttons and Text/newdesign_27.jpg" width="110" height="25" /></a></div><img src="New Images/MainBackgroundImages/Content1.jpg" width="722" height="669" /><div id="Follow"><img src="New Images/Buttons and Text/Bullet.jpg" width="30" height="21" /><a href="Indexpage.html"><img src="New Images/Buttons and Text/newdesign_43.jpg" width="103" height="20" /></a></div><div id="Pictures"><img src="New Images/Buttons and Text/Bullet.jpg" width="30" height="21" /><a href="Indexpage.html"><img src="New Images/Buttons and Text/newdesign_36.jpg" width="103" height="19" /></a></div><div id="Video"><img src="New Images/Buttons and Text/Bullet.jpg" width="30" height="21" /><a href="Indexpage.html"><img src="New Images/Buttons and Text/newdesign_30.jpg" width="63" height="22" /></a></div><div id="ViewTrip3"><a href="Indexpage.html"><img src="New Images/Buttons and Text/ViewTrip.jpg" width="160" height="40" /></a></div><div id="ViewTripButton1"><a href="Indexpage.html"><img src="New Images/Buttons and Text/ViewTrip.jpg" width="160" height="40" /></a></div><div id="ViewTrip2"><a href="Indexpage.html"><img src="New Images/Buttons and Text/ViewTrip.jpg" width="160" height="40" /></a></div>
      <img src="New Images/MainBackgroundImages/Content3.jpg" width="347" height="669" /><img src="New Images/MainBackgroundImages/Footer.jpg" width="1366" height="398" /><div id="Copytight"><img src="New Images/Buttons and Text/Copyright_03.jpg" width="536" height="58" /></div><img src="New Images/MainBackgroundImages/Copyright-and-Privacy.jpg" width="1366" height="515" /></div>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>

    I'm having trouble with my graphics, too, not your trouble though.
    As Murray above says,
    absolute positioning is wrong! Don't do that.  Browsers keep objects with absolute positioning on the coordinates you set, no matter what monitor size is viewing it and no matter how the rest of the page flows.
    I took off absolute positioning and it made an immediate difference - code below. The graphics are now inside their containers.
    go here to see what I did: http://mkcolling.com/morionadobe.html
    go here to see what you did: http://mkcolling.com/BADmorionadobe.html
    Two other things I noticed:
    1) Remove the height on your containers, too. Instead, use padding to add blank space around the content inside your containers and use margin to add the outside space that separates  the containers.
    2)Your spry menu is wider than your outer container. You would fix that on the Spry css.

Maybe you are looking for