Skip navigation
w-deb-1
Currently Being Moderated

Image Shift in Muse

Apr 17, 2012 6:36 AM

Tags: #help #design #muse

My webpage looks fine in Muse.  When I upload to my website and view, the graphics and text have moved to the bottom of the screen or off the screen.

 

I am new to hte program

 

Can I "lock" the items in place.

 
Replies
  • Currently Being Moderated
    Apr 17, 2012 9:24 AM   in reply to w-deb-1

    I am having the same issue.  When I was FORCED to update to the new, but very buggy version of Muse I started having the same issue.  I got my logo positioned on the mater page I am using and when I preview in browser it is shifted to the side.  It seems to be random.  This seems to a very annoying bug that Adobe has YET to fix.  PLEASE FIX THIS.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 17, 2012 9:30 AM   in reply to w-deb-1

    w-deb-1, it sounds like either not all the website files have been uploaded or the file permissions are wrong on the uploaded folders (preventing access to the CSS and/or JavaScript). Please post the URL for your site so we can see both the appearance check what's been uploaded and the permissions.

     

    dbimp808, please post the URL for your site. It sounds like what you've encountered may be different than what w-deb-1 has encountered. Thanks.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 18, 2012 1:31 PM   in reply to w-deb-1

    Can you provide screen shots of the two pages in Design view in Muse (with the Rulers turned on) along with a screen shot of whatever master page, if any, is applied? That will help us understand how things are supposed to be laid out. Thanks.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 19, 2012 10:21 AM   in reply to w-deb-1

    Hmm... the screenshot appears to have been dropped by the forum software. If you replied to the message via e-mail and added an attachment that may not work. You probably need to go to the forum in your browser in order to post the screenshot and have it appear in the forum.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 19, 2012 6:48 PM   in reply to w-deb-1

    "Reply" should appear at the bottom right corner of each post.

     

    Screen shot 2012-04-19 at 6.45.59 PM.png

     

    Once "Reply" is clicked, click the camera icon to upload the screenshot image.

     

    Screen shot 2012-04-19 at 6.46.10 PM.png

    You may have to be logged in in order for the "Reply" option to appear.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 19, 2012 7:23 PM   in reply to w-deb-1

    It appears either the permissions on the scripts and css folders are incorrect on the server, or those folders haven't been uploaded. What FTP client did you use? You will need to either upload these folders or add "read" to their permission settings.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 19, 2013 6:20 PM   in reply to Zak Williamson

    Hi, I'm having the same issue as the above posters.  On two different sites the master images shift.  Here are links to pages on one of the sites:

     

    http://www.rannberry.com/

    http://www.rannberry.com/contact.html

     

    The image shifts up and down even though in muse they are positioned exactly the same.  Does this in both IE and Chrome.

    I uploaded with Filezilla to a godaddy hosted account.

     

    I've checked my permissions on all the files to ensure they are set to "read".

     

    Thanks for your help.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 20, 2013 11:16 AM   in reply to Taranis1964

    The text "Rann Berry and the Random Act. Live Music!" has been pasted into the <head> section in the Metadata panel of Page Properties for your Home page. This is causing everything on the home page to be shifted down slightly. I don't think you wanted to add this to the <head> section. The <head> section is generally used for scripts. If you were intending to add keywords or a title to the page, those are done by entering text in the other fields of the Metadata panel. If you were attempting to enter a text version of the "Rann Berry and the Random Act" image for search engines and accessibility, that can be done by right clicking on the image in Muse Design view and selecting "Edit Image Properties..."

     

    If you delete the "Rann Berry and the Random Act. Live Music!" text from the <head> section editbox, the position of items on your published Home page should shift to be consistent with your other pages.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 21, 2013 9:21 PM   in reply to Zak Williamson (Adobe)

    Thanks for the quick reply, Zak.

     

    That solved that particular problem.  But I'm still getting an image shift on a different site (same client).  This time the master image is shifting but to the side.  I've checked my permissions etc.  Everything appears in the proper place in design mode, but when previewed or uploaded there is a shift.

     

    http://www.lakeaudio.com/index.html

    http://www.lakeaudio.com/lakeaudiocontact.html

     

    Again, thanks for your help.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 21, 2013 9:48 PM   in reply to Taranis1964

    The shift is caused by whether or not the page is longer than the window and thus whether or not a scrollbar is required. Different browsers handle centering the page with a scrollbar differently. Some ignore the change in width available to the content (and thus don't shift the page), but most consider the scrollbar to take up some width and thus a centered page will shift slightly to the left to make room for the scrollbar.

     

    FWIW, this same issue has been raised and answered many many times on the forum. It's a common source of complaint/confusion. If you would prefer to always have scrollbars (and thus avoid the shifting due to re-centering in the new content area when the scrollbar appears/disappears) you can add a snippet of code to the <head> section for each page (via the Metadata panel of the Page Properties dialog in Muse) where you want to specifically control whether or not scrollbars appear.

     

    To always have a vertical scroll bar add:

     

    <style type="text/css">

    html

    {

              overflow-y:scroll;

    }

    </style>

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 22, 2013 7:40 PM   in reply to Zak Williamson (Adobe)

    Thanks.  I didn't even think about the scroll bar causing the problem.  That piece of code worked.

     

    Cheers.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points