Noob: Adding text shifts my page over to the left

Okay, I've got seven or so pages mocked up with header div, nav div and then a content div. the body tag has a max width of 960px and auto left & right (so centered on the page).
On all the pages so far, they all line up sweet.
On one, when I paste some text (roughly an A4 page worth) into the content div, the whole page shifts to the left by about 10 pixels. Header div, nav div and content div.
The text is just plain, unstyled text with no CSS applied.
It's doing my head in - that particular page 'jumps' to the left, whereas all the other pages are perfect.
TIA,
Simon.

The page shift to the left is caused by the appearance of the vertical browser scroll bar on pages where the content is more than a screen deep (therefore requiring scrolling).
Where the content is less than a screenful, the scrollbar disappears and the page shifts to the right.
http://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-forcing-a-scroll-bar/
The usual fix is to add the following rule to your CSS stylesheet
html {
overflow-y: scroll;
This forces a scrollbar to appear on every page (thereby eliminating the page shift) whether it is required by the amount of content or not.

Similar Messages

  • Help ! using Calendar & adding text to a page problem !!

    Let's hope I make this clear enough for someone to understand.
    I am making up a Calendar & I want to add text to certain pages ( photo ).
    I click on 'Design' & pick option 2 ( the one where you can add text ), now here is my problem. The text box always starts the text from the right, when I have added the text I want to move it over to the Left or make it central but nothing happens when i hit the space bar, it stays on the right.
    Does anyone know a way so I can either move the text over to the Left or do something else to get it on the left or where ever I want it ?
    This is most frustrating. If I hit the 'spacebar' now I end up here.
    So why can't do it in Calendar !! OR am I just thick & missing something.
    Steve ( hope I made myself clear )

    Steve:
    What theme are you using? In my Pictures calendar the text box below the photos start at the left, i.e. left justified.
    But here's a possible way to get it where you want:
    1 - type in the text as you want, setting the size and font for the calendar.
    2 - copy the text out of the text box
    3 - open a text editor and past the text into it.
    4 - in the text editors formatting section select "left justification".
    5 - select all of the text in the text editor
    6 - do a select all in the calendar text box and past the text from the text editor. That should change the justification to whatever you want, left or center.
    Do you Twango?

  • Firefox opens and shows the web site but is shifted over to the left so only half is visible. IE8 is fine

    Firefox opens and loads the web site, but it has a blank 3 inch border down the whole of the right hand side, Firefox is moved over to the left so that i can only see half of it. The red cross to close it down is still at the very top right hand corner!
    == This happened ==
    Every time Firefox opened
    == Earlier this week.

    Reset the page zoom on pages that cause problems: '''View > Zoom > Reset''' (Ctrl+0 (zero); Cmd+0 on Mac)
    See [[Text Zoom]] and [[Page Zoom]] and http://kb.mozillazine.org/Zoom_text_of_web_pages

  • In pages(not the New version) footer is over to the left, so when i put the page numbers in they don't sit right. How do i move the footer

    In pages(not the New version) footer is over to the left, so when i put the page numbers in they don't sit right. How do i move the footer

    The footer is not only to the left. To get the page number to the right you can use Format > Align right. That will make all page numbers move to the right. Is that what you want?

  • TS1702 In pages, when I get to the end of a line, the text refuses to start again in the left, it continues on the right and goes down the page, anyone know a solution?

    In pages, when I get to the end of a line, the text refuses to start again in the left, it continues on the right and goes down the page, anyone know a solution?

    Does this occur in all of your Pages documents? Are you certain that you haven't formatted the type to run flush right? (Align right I mean - sorry old typographer lingo). Look at the ruler at the top and check the Align setting.
    Have you tried quitting Pages completely and the restart the iPad?
    Go to the home screen first by tapping the home button. Double tap the home button and the task bar will appear with all of your recent/open apps displayed at the bottom. Tap and hold down on any app icon until it begins to wiggle. Tap the minus sign in the upper left corner of the app that you want to close. Restart the iPad.
    Restart the iPad by holding down on the sleep button until the red slider appears and then slide to shut off. To power up hold the sleep button until the Apple logo appears and let go of the button.

  • When i open facebook and only text shows and all is to the left and when i open hotmail nothing shows on my screen and other webpages have problems also when click at a link all the text comes up also to the left in my screen whats wrong ???

    When i open facebook and only text shows and all is to the left and when i open hotmail nothing shows on my screen and other webpages have problems also when click at a link all the text comes up also to the left in my screen whats wrong ???

    Clear the cache and the cookies from sites that cause problems.
    * "Clear the Cache": Tools > Options > Advanced > Network > Offline Storage (Cache): "Clear Now"
    * "Remove the Cookies" from sites causing problems: Tools > Options > Privacy > Cookies: "Show Cookies"
    See also:
    * http://kb.mozillazine.org/Websites_look_wrong
    Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
    * Don't make any changes on the Safe mode start window.
    * https://support.mozilla.com/kb/Safe+Mode
    * [[Troubleshooting extensions and themes]]
    In Firefox 4 you can use one of these to start in <u>[[Safe mode]]</u>:
    * Help > Restart with Add-ons Disabled
    * Hold down the Shift key while double clicking the Firefox desktop shortcut (Windows)

  • Making a very wide page slide to the left

    I have a very wide page in my site and I'm wondering what device I can use so that the page slides to the left. I want it to move gradually rather than in steps, as an anchor tag would do.
    Similar to what this home page does, although this is a slide show. My page contains a series of text blocks and images.
    Is there such a thing in Muse? Am I overlooking something obvious?
    Thanks for any assistance.

    Hi Bud,
    You can achieve this by creating a wide page. Increase the page width in page properties.
    After which you need to place the anchors as you move towards the right on the page and then create objects which link to them for the page transition to happen.
    - Abhishek Maurya

  • Look at your iphoto 'page'. On the left is a margin running vertically down the page and within that margin are shown your files/folders - e.g 'events', I can't get that margin contents back

    Look at your iphoto 'page'.
    On the left is a margin running vertically down the page and within that margin are shown your files/folders - e.g 'events', 'last 12 months', 'anniversary' etc etc.
    Now visualize the 'page' but WITHOUT the margin and the entries in it. It just disappeared while I was editing photos.
    I've tried all the 'File', 'Edit', 'View', 'Share' 'Window' & 'Help' options, but no success.
    There is no apparent way of calling up onto the screen any photos, folders etc. because I can't get the margin and its contents back onto the iphoto page.
    I've tried restoring the page from my backup, where it is all perfect, but that didn't work.
    Help please!

    Move your cursor to the extreme left hand side of the iPhoto Window until it turns into a '+' and then click and drag right.

  • Right master page oversets to the left master page

    Hi all,
    I am currently working on a book. But I ran into an problem that I am not able to fix. So I was hoping you guys could  help me out with this.
    So this is the situation:
    I have an "A-Master" page. On this master page I gave the right page a design element. (the blue bar)
    In the Indesign preview nothing seems wrong. The left and right page looks exactly like the "A-Master" page.
    Then, when I export the .pdf for testing. I see that the right page oversets to the left page. (see image below)
    Does anyone know what the problem is here?
    Many thanks,
    Marco

    It doesn't look like a problem. Your document is bleeding on the inside and outside. That bleed is stopping short of the crop line. You could go into your document bleed settings and set the inside bleed to none, but I don't think it's a problem...

  • How do I get page numbers on the left and right side of the page?

    I am finishing up a book in PAGES '08 on my Mac.
    How do I get page numbers on the left and right side of the page.
    I can get them on the page but I'd like them on the left and right sides.
    Evan

    If the icons are from dmg files that were used to install 3rd party apps like this one for VueScan
    Control (right) - click on the open dmg icon and select "Eject  xxxx" from the contextual window.
    Then find the actual dmg file associated with those icons
    and drag to the Trash in the Dock and empty.

  • There are text messages that I'm having trouble deleting.  With some of my text messages, I can swipe to the left and delete ... or press and hold, get more and delete to trash can icon. But there are some where neither will work. Can't delete. Help!

    There are text messages that I'm having trouble deleting.  With some of my text messages, I can swipe to the left and delete ... or press and hold, get more and delete to trash can icon. But there are some where neither will work. Can't delete. Help!

    But once again, I do not want to lose my other texts, app progress, and photos. I could sync the photos but i would still lose the app progress and texts. I would only restore if it was the only option left, but the other space, as already stated, isnt the main concern. The main concern is those 'deleted' texts. If they go, then a good size chunk of the other space goes. I know you CAN delete texts for good. It worked fine before. All i want to know is why its not working for me now, and how to fix it.
    I also know that when you delete texts on your iphone, they get marked for deletion, however they stay on your device (thats why they show up when you search for them.) then when you sync your device with itunes, the texts marked for deletion should disappear. When i synced they didnt disappear. Thats what i need an explanation/solution for. Why the texts marked for deletion didnt get fully deleted after the sync.

  • Displatport to analog vga yeilds a screen that is shifted about 2 cm to the left, i.e. not visible

    displyport to analog vga yeilds a screen that is shifted about 2 cm to the left, i.e., not visible

    Try using the display's menu to adjust the screen image.

  • Adding text to indesign pages with specific font ,size,and color using javascript

    Hello,
    Using javascript i am able to add some text to each page of an indesign file.
    myNewText = "SOME TEXT"
    myTextFrame = myPage.textFrames.item(0);
    tempframe = myTextFrame.contents;
    myTextFrame.contents =  myNewText + tempframe ;
    But i want to specify the font used,size and color for that text.
    When i try the code mentioned in indesign javascript scripting guide
    myNewText .appliedFont = app.fonts.item("Times New Roman");
    myNewText .fontStyle = "Bold";
    nothing gets changed and font family already used stays the same.
    How can i do that only for the added text and not for the whole content?I dont want to add the text to a new text frame I want to append it to the existing text frame.
    And is there a way to specify font size too?
    thank you

    There's a mixup going on here. Let's see if we can sort out some of it
    at least.
    If you just want to add new text to an already existing text frame,
    that's easy:
    myTextFrame.contents += "Hello";
    But if you want the new text to have unique formatting, it's a little
    more complicated.
    There are two simple ways to do it, I think:
    1. Create a temporary text frame, as you have done, and add the text,
    and format everything in there. Then move() that formatted text to the
    end of myTextFrame and delete the temporary frame:
    tempFrame = app.activeDocument.textFrames.add();
    tempFrame.contents = "New Text";
    tempFrame.paragraphs[0].appliedFont = app.fonts.itemByName("Times New
    Roman"); // etc...
    tempFrame.paragraphs[0].move(myTextFrame.insertionPoints[-1],
    LocationOptions.AFTER);
    tempFrame.remove();
    2. The other option, is to add the text directly to your textFrame. But
    if you want to format only that text, you have to store where the text
    started:
    myTextFrame = app.selection[0];
    firstInsertionPoint = myTextFrame.insertionPoints[-1].index;
    myTextFrame.contents += "New Text";
    myAddedText =
    myTextFrame.characters.itemByRange(myTextFrame.insertionPoints[firstInsertionPoint],
    myTextFrame.insertionPoints[-1]);
    myAddedText.appliedFont = app.fonts.itemByName("Trajan Pro"); // etc.
    What you've done in your sample script, however, is to try to apply a
    font to a simple JavaScript string. It won't work, but the way you did
    it, it won't throw an error either, because in fact you've created a new
    property of your string. (myString = "Hello"; myString.appliedFont =
    "Times"; // myString now has a Javascript property called appliedFont --
    but that's nothing to do with InDesign!)
    HTH,
    Ariel

  • Adding text shifts templates

    Hello everybody I was wondering if anyone would be able to
    help me i am trying to edit a site that has already been made by my
    buddie he used fireworks and dreamweaver i think, I have a site
    that is a template i am trying to make the middle aera editable to
    add text right now the text is a picture, but everytime I do that
    it shifs the part of the template thats already there to the left
    and down?
    _______________________________ <--that cant move its
    where some links are
    I <-- that cant move its where all the links are
    I Tihs is where I want text
    I
    I
    I

    Was this in a code-behind file? There are certainly easier
    ways to create
    templates.
    Please give us a dump of your code and we can have a crack at
    this.
    Steve
    "Clown_Juic3" <[email protected]> wrote in
    message
    news:fi1fkd$oa9$[email protected]..
    > Hello everybody I was wondering if anyone would be able
    to help me i am
    > trying
    > to edit a site that has already been made by my buddie
    he used fireworks
    > and
    > dreamweaver i think, I have a site that is a template i
    am trying to make
    > the
    > middle aera editable to add text right now the text is a
    picture, but
    > everytime
    > I do that it shifs the part of the template thats
    already there to the
    > left and
    > down?
    >
    > _______________________________ <--that cant move its
    where some links are
    > I <-- that cant move its where all the links are
    > I Tihs is where I want text
    > I
    > I
    > I
    >
    >
    >

  • Problem with anchor link entire page moves to the left of the browser

    I created an anchor link on the top of my home page with a text link at the botton called "back to top of page" whenever I click on the text link on my desktop the page move vertically upwards to the top of the page but when I try doing this on either of my laptop the page moves diagonally from right to left up to the top of the page how can I fix this? You can see this on my website www.sweetproductionmedia.com

    hi julia, i placed the anchor in various places to see what works. I placed the anchor center top towards the left and right side within the browser. I also tried upper top outside of the browser center, right and left and it still moves diagonally. Here's what I noticed. On my desktop I use a 25" monitor so the anchor works fine the page moves straight up but whenever I view it on both  laptops  it moves diagonally.  I had my sister test the link on her laptop (she lives in Brazil) and she told me that sometimes it would go straight up and another time it moved diagonally. Here's the link to my website so you can see the problem in action. There's a 'back to top' link on almost every page see for yourself. www.sweetproductionmedia.com 
    thanks so much for taking the time to help:-)

Maybe you are looking for

  • How to populate CONTROLLER in proxy class call?

    Hi All While calling proxy class, i want to populate input variable CONTROLLER. I want to use the method GET_MESSAGE_ID to get the message guid. CONTROLLER is TYPE REF TO IF_AI_POSTING_CONTROLLER. How can i get this populated thru my proxy class call

  • User Mode in ARD

    I am trying to figure out how to limit the access of ARD on an admin user mac account. I have a user that logs into his computer as an admin user. He needs access to only a few other computers on the network (to access applications - ie. download ema

  • Failed to execute the insert command

    I have a sign up training calendar that runs on sharepoint 2010, over the weekend i went to install the latest cumulative update http://support.microsoft.com/kb/2817552 and it seems to have broken the signup process. Whenever some goes to sign up for

  • Automatic Sorting of Appraisal Goals based on entries in weight col in OSA

    Hello Experts, Is it possible to automatically sort the appraisal elements (VC) based on the objective weight column? Basically we wanted the end users to be able to click on a button called Sort (or Refresh or Save, etc) in the appraisal document an

  • Restrictions without triggers . is it possible?

    Hello All, I have one created one table as create table file_par(file_name varchar2(100), delemitor varchar2(2)); so the column delemitor is supposed to have minimum 2 characters only the default required value is '||' i.e. 2 pipes and if any user en