Web pages change position slightly when their height exceeds the browser window.

Hi, I use Dreamweaver CS5.5 to build a Web site. I'm at halfway through the project, and I discovered an annoying problem with my pages finished, when they are displayed in a browser.

The thing is that the pages are not all the same height, and if you move from a page which is inside the browser window, to one that does not fit into the window, but extends beyond it, the entire page, background and everything, the movement obviously 20px to the left. And when you return to a page that fits in the window, it moves to the right. When you resize the browser window so that its young, all pages in the same position.

This happens in all browsers I have try.

Please is - that someone out there can explain why this is happening, and if there is a cure?

All pages are centered, with a fixed background, if it helps.

That sounds as if it was because of the scroll bar.

When the page is contained in the browser there is no scroll bar and when the page has a greater height the scroll bar appears and the page seems to jump.

I think that the solution for this is:

{body

overflow: scroll;

}

Martin

Tags: Dreamweaver

Similar Questions

  • Changes to pages are not displayed when Site previewing in the browser

    I've made a few changes to a couple of pages, and when I saw Page in the browser, the changes appear but when I saw Site in the browser, the changes aren't there and the old page is displayed, even if some of the information on the original page has been deleted. How is this possible and what can do about it? I don't know if that makes a difference, but first, the original files have been copied from another computer on my Mac computer, and the file was an older version of Muse CC. When I open the file on my computer, he showed he was converted. Yet once, don't know if that makes a difference or not. Thank you.

    Using an old or converted file indeed should not make a difference.

    To test whether the Muse of output is less correct, you might try to use export to HTMLand see how freshly build it Web site looks like from the index file in this folder (Muse already will open it for you). If it seems to be correct, then the browser caches are just messed up. Not much, try hitting refresh to force reload or remove these caches (most browsers offer a command to do so). If this is not correct, then you are in different difficulty...

    We will try first step described.

  • Why the browser window changes color when I bookmark on a page, or click on the download button?

    Using Firefox 20 on MacOS - when I click the button downloads or Cmd + D to bookmark a page, the browser window changes which looks like this:
    https://DL.dropboxusercontent.com/u/35912963/01-Firefox-before.PNG
    who looks like this:
    https://DL.dropboxusercontent.com/u/35912963/02-Firefox-after.PNG
    Any thoughts would be welcome.

    Dan

    Hello

    Wow, that seems strange. I have no idea why this would happen, but I wonder if it is related to one of the Add-ons you have installed? I see a red icon in the status bar that I'm not familiar with, which leads me to believe that you might have other add-ons installed. One thing to try is to start Firefox Firefox with disabled modules (you can do this in the Help menu). If you do not see this problem in this mode, the problem is caused by one of the Add-ons. On the Tools menu, you can access the Add-ons and disable one by one. Remember to restart each time, and then test.

    If none of this takes care of this, my other suggestion would be Reset Firefox: Firefox Refresh - reset the parameters and modules

    Hope all this helps.

    See you soon,.
    David

  • Can I do a button change anchor link when you scroll through the site?

    I'm doing a scrolling site... and I have navigation buttons on the right, a full menu, but also a '1 topic upward' button and the button "1 heading downwards.

    Is it possible that I can have these buttons change anchor link when you scroll through the site.

    Example:

    I'm at home, then I press "1 heading down" and scrolls to the next topic on the site, but then I can't change the button to create a link to the lower anchor, then the button becomes useless after 1 press.

    Is it in any way possible in Muse to change the link?

    Hello

    You can try to create different buttons on the positions of the page where the scroll will be active with separate button actions. For example, you click on "I am heading down", page scrolls and there is another button set with "Next topic down", click on, it would scroll the page plus and the same on the length of the page.

    Button with anchor link scroll to the bottom of the page can not be used for different anchor links, creation of different buttons with anchors is the solution.

    Thank you

    Sanjit

  • Impossible to center the Web page in the browser window!

    Hello! I have searched and tried almost everything to Center my Web page in the browser window, but it does not work!

    This is the page: www.claudechalhoub.com. I want that page is centered regardless of the size of browser window!

    I have included the following code in my html code:

    < style type = "text/css" >

    {body
    text-align: center; / * For the IE6.
    margin: 0;
    padding: 0;
    min-width: 770px;
    background-image: url(pictures/lastimage.jpg);
    background-repeat: no-repeat;
    background-color: #000;
    do-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    color: #FFF;
    make-style: normal;
    }
    {#wrapper}
    Width: 770px;
    Auto margin: 0;
    text-align: left;
    }
    ...
    < / style >

    And then I realized:

    < body >

    < div id = 'wrapper' >
    < div id = "ap_text" > "the beauty of the music of Claude Chalhoub, is that it is not 'new' at all. This sounds familiar, even if you have never listened to music Arabic (or classical music) at all. As if it had always been there. It is as natural as breathing. "And it's this great art is all about - what makes the difficult seem easy." < / div >

    ...

    < / div > <! - close the tag div wrapper - >

    < / body >

    I don't know what the problem of not working!

    Any guidance?

    Your background image for the "body" tag contains the image that you used in it also. It's a bad habit. Just use a background image wide 5px and use it in your body background tag. Repeat with horizontally to fill your screen.

    Put your photo in a DIV inside the 'wrapper' div position it accordingly.

    In addition, you used an "absolute" on all items positioning on your website. Their position relative to the tag parent for best results.

  • Acrobat is changing hyperlinks when you open in the browser

    Hello world

    I have a pdf file containing a large number of hyperlinks. When you click on some links, Acroabt opens a browser window, but the page does not load because some of the characters in the URL are changed. For example, the following url:

    http://law.ATO.gov.au/atolaw/view.htm?rank=find & Criteria = and ~ PS ~ exact: AND ~ THE ~ base ~ exact: AND ~ 2F4 2010% ~ core ~ exact & target = OA & style java = & sdocid = PSR/PS20104/NAT/ATO/00001 & re cStart = 1 & PiT = 99991231235958 & Archive = false & recnum = 1 & tot = 3 & pn = ALL: ALL

    .. .gets replaced by this:

    http://law.ATO.gov.au/atolaw/view.htm?rank=find & Criteria = and % 7EPS % 7Ebasic % 7Eexact: 7% and THE % 7Ebasic % 7Eexact: AND % 7E2010% 2F4% 7Ebasic % 7Eexact & target = OA & style java = & sdocid = PSR/PS2010 4/NAT/ATO/00001 & recStart = 1 & PiT = 99991231235958 & Archive = false & recnum = 1 & tot = 3 & pn = ALL: ALL

    It seems to be to replace the tilde (~) sign with the following characters:

    7%

    When I fly over the hyplink in Acroabt, the correct version is displayed. It doesn't happen until it is enabled and the browser window opens.

    Anyone know why this happens or if there is a workaround?

    Thanks in advance

    Tilde is forbidden without doubt in a URL and should be replaced by 7%. If Acrobat doing the right thing. Now we can often get away with the tilde, but they must be treated as exactly equivalent.

    This is discussed in http://www.cs.tut.fi/~jkorpela/tilde.html , which can also be accessed as http://www.cs.tut.fi/%7Ejkorpela/tilde.html.

    You are right that the website of the Australian Government does not accept this. The site seems faulty.

  • Why the height of the page t automatically fill up to 100% in the browser?

    Anyone know why the page fills the height in the browser? I have both header and footer, and I want the height of the whole page to fit the contents of the body. But he keeps extending up to the page to full height even if the minimum height is set to 500 px and the content of the body is much less than that. The result is that the footer displays at the bottom and just above a large empty white I want to get rid of...


    I don't know about the option 'fill' (is that the right name for it? I use a Swedish version), but I Don t want to have a large area of below filling which makes the scroll bar appear.


    Any hint of what the cause? Help please!

    Hello

    Try to disable the sticky footer:

    Muse > file menu > Site Properties > Layout > Sticky Footer

    Hope this helps,

    Sonam

  • How to change the icon of the web in the browser window

    I created my site and cannot find how to change the icon in the browser window (as they have done at the top of this page with the icon of Adobe before the Adobe Forums: text) anyone would be nice to give me a little help?

    Do you mean the favicon?

    I only learned that recently about favicons myself - so if you google the word you will get a lot of resources to do this. Bascially, it's a little icon file located in the root directory of your site that browsers search and display for you. As long as the file is there (* named favicon.ico*) will automatically appear if I'm wrong in what I read.

    It's the thing you're looking for? (edit: it also appears in your list of bookmarks in firefox - if it isn't the one you want it is the favicon file)

  • Whenever I sign in Muse, the things I put in websites have moved and when I saw in the browser, nothing is when she is in the Muse. Does anyone else have this problem?

    Whenever I sign in Muse, the things I put in websites have moved and when I saw in the browser, nothing is when she is in the Muse. Does anyone else have this problem?

    This should not happen unless the scroll position is applied and the content may be out of the page area.

    Please enter a short video showing that the change in the file to the last saved one.

    Thank you

    Sanjit

  • Please help: content still is not fixed with background image when I resize the browser window

    I am designing a Web site and want my content appear in the same location relative to the background image, regardless of whether or not the browser window is resized. How can I do this? (the content always moves when I preview the page)

    You can pin the object on the page so that it remains in the same position with any size of the screen.

    Thank you

    Sanjit

  • How to have flex new regulation when the browser window is resized?

    I have a web application that aims to occupy the entire area of a browser window.  It has a minimum usable size of 1024 x 768, but if the browser window is expanded (or click full screen), I would demand to redo the layout.  I used the percentage of investments and the Basic for all layout constraints.  But when I change the size of the outside window, nothing happens!

    Whats a newbie to do?

    Try the parameter width/height=100% and minWidth/minHeight = 1024 x 768

  • Height of the browser responsive

    I am designing my first photography website and I'm having a spot of trouble with the height of the sensitive browser (if it's still a thing!). Im trying to get an effect similar to this one (Victoria Phipps |) Wedding & Portrait Photographer) where the page opens to an image full screen and the rest of the Web site starts with the bottom of the browser window, no matter the size of the window.

    If someone can point me in the right direction, I would be very grateful!

    To repeat exactly as in your example, is custom code required for CSS and Javascript. This is not possible with the standard tools of Muse

  • Page DW8 with HTML to fit in the browser window

    I created a basic html page and wish to have the page continue to fit in a browser window as the window changes size. Tried with CSS "background-size = 100%" fixed online codes, but doesn't seem to work.

    The background-size setting is only to set a background image. Would not resize the entire page.

    Several things working against you in your code. The first and most difficult to treat while using it on the page, is "position: absolute". In General, this setting is the opposite of reagent. Position: absolute "can" be used in sensitive designs, but it requires additional code to make it happen. Absolute positioning of objects include an exact amount of pixels high, left, down or to the right of the parent (just up and left by default in DW) element. In your case, #Layer1 will always be 431 pixels from the top of the page and 329 pixels from the left that is decidedly "not suitable."

    These parameters (position, top and left) must be removed and the APDiv/layer button should be ignored here on out if you want your design to adapt to different screen sizes. You will need to learn how to position elements using css float, margin and padding if you want to create something sensible. Running through the tutorials at http://www.w3schools.com/css for some databases. Some other links on css positioning...

    Learn CSS positioning in ten steps: absolute relative static position float

    CSS - float and clear formatting

    Your width settings also say your items to an exact pixel size as well. To make your attentive elements, you can use % width settings. The actual size of an element using a percent width is determined by the setting of its parent element. For example, if you set the width of #Layer1 to 80%, instead of 674 pixels, it will eventually be 80% as wide as thesetting the tag. Given that theis assumed 100% unless otherwise stated, layer1 would end up being 80% of the width of the browser window. With ' width: 60% ", you can use a setting min-width" never get smaller than that "in css. If you set your same #Layer1 width: 80% a min-width: 400px will keep it from never has less than 400 pixels wide.

    Once you have the basics of layouts css under your belt, look into CSS Media Queries. Basically what they allow you to do, is put "break points" in your .css file so "once that window reached 401 pixels or more, use this css instead" so it allows you to write completely different rules for various devices.

  • Page automatically resized to the browser window

    Hello!  I am loving the trend having sites which pick up just about any window and build one for a client.  When I view in the browser it looks great, but I want to ensure that the site automatically resized for each screen size of viewers so there is no scroll from left to right.  My site will adapt itself to the size of the screen of each spectator even though my page size is set larger, or is there a setting I need to change?

    What you ask is delicate design is not yet available in Muse... I would say joining the pre-release version of Muse.

  • Footer moving with the bottom of the browser window, not with the content of the page.

    I'll build a new website that incorporates a standard footer.

    The footer works as expected in the sense that moves down when more content is placed in the page. However, when I transfer the Web site in a browser the footer is to stay with the bottom of the browser window and not only with the content of the page. By example, if I Zoom out as far as my browser will allow the footer always appears at the bottom of the browser window leaving a large gap between the content of pages and the page footer.

    Any suggestions for a fix?

    Hello

    Try to uncheck the "sticky footer". It should solve the problem.

    Kind regards

    Aish

Maybe you are looking for

  • EliteBook 8460 to TV

    Can a HP elitebook VGA 8460 be connected to s-Video on a TV or another option of Thank you Mike

  • Problem of unknown Script after the installation of the software Reservo

    After you install the software reservo, I turned my computer off and when I turned back the script was unrecognizable-all the squares and circles so I can't anything with the computer now - help

  • Windows 8 times the device disconnect sound...

    Windows 8 times the device disconnect sound, my screen goes black, then both the windows the device plug his and my monitor turns on again. All my windows open and then re sizes to the top left of the screen. This happens randomly as I work with the

  • Stand-alone server installation

    Never noticed THAT before.Oracle 5, 64 - bit Linux.If you install GI 11.2.0.1 (from V17531 - 01.zip) options are the following.  Note "install and Configure Grid Infrastructure fo a stand-alone server.But if installation 11.2.0.2 or later (for exampl

  • Cannot cancel the monthly subscription.

    Driving me crazy.  I am told to contact customer service to cancel the subscription.  But it offers me no way to contact them.  No email, no cat.  I am connected to the correct account.What is the email address to cancel my subscription?