Background image shifts when scrolling

I have a background image on my pages but whenever I hard
return several times, the image mysteriously shifts over by itself
here are two different pages. The bg image can be found here:
http:www.logicorehsv.com/img/bg.png
PAGE A
<!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>Untitled Document</title>
<style type="text/css">
body {
background-color: #E8F1FA;
background-image: url(img/bg.png);
background-repeat: repeat-y;
background-position: center;
</style>
</head>
<body>
</body>
</html>
PAGE B
<!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>Untitled Document</title>
<style type="text/css">
body {
background-color: #E8F1FA;
background-image: url(img/bg.png);
background-repeat: repeat-y;
background-position: center;
</style>
</head>
<body>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
WHAT IN THE NAME OF GREAT CAESAR'S GHOST IS GOING ON HERE??
The background image on the second page SHIFTS over a few
pixels simply because I hard returned several times. The completion
of my entire site has been resting on this simple little headache.
Please help....

>>whenever I hard return several times
Stop doing that. There is never a valid reason in a properly
designed/constructed page to add empty paragraphs.
Probably... after adding content, even empty paragraphs, the
display window
in DW design view drops a vertical scroll bar thereby
changing the
horizontal location of the page's middle. Your bg image is
aligned middle so
it moves.
IOW there is no problem. Just build your page.
Walt
"logicore" <[email protected]> wrote in
message
news:[email protected]...
>I have a background image on my pages but whenever I hard
return several
>times,
> the image mysteriously shifts over by itself here are
two different pages.
> The
> bg image can be found here:
http:www.logicorehsv.com/img/bg.png
>
>
PAGE A
> <!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>Untitled Document</title>
>
>
> <style type="text/css">
> body {
> background-color: #E8F1FA;
> background-image: url(img/bg.png);
> background-repeat: repeat-y;
> background-position: center;
> }
> </style>
> </head>
>
> <body>
>
> </body>
> </html>
>
>
>
>
PAGE B
> <!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>Untitled Document</title>
>
>
> <style type="text/css">
> body {
> background-color: #E8F1FA;
> background-image: url(img/bg.png);
> background-repeat: repeat-y;
> background-position: center;
> }
> </style>
> </head>
>
> <body>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> </body>
> </html>
>
> WHAT IN THE NAME OF GREAT CAESAR'S GHOST IS GOING ON
HERE??
>
> The background image on the second page SHIFTS over a
few pixels simply
> because I hard returned several times. The completion of
my entire site
> has
> been resting on this simple little headache.
>
> Please help....
>

Similar Messages

  • Keep background image same when creating new workspace

    Hi and thanks in advance for any input,
    Up until I plugged in a mini-display port to HDMI connection/dongle I would have the same background when I created a new workspace (OSX 10.7 Lion).
    Now, when I create a new workspace, the background set's itself to the first picture in a set folder with a default option of rotating the background image after a set period of time.
    My question is this: how do I get back to the use case that I am familiar with, where a new workspace has the same background image as the original 'Desktop 1' background?
    Thanks for looking,
    Jordan from CO

    Hey Richard,
    What are you Desktop properties set to?
    This is an interesting question. My initial (Desktop 1) properties are as follows:
    // Properties are set to keep the same background image
    However, when I add a new Space, to create Desktop 2, my desktop properties default to:
    // Properties of 'New Desktop' (Space) default to Change picture every 10 minutes.
    // When I am connected to an external display, the background image of Bonaroo shown in the screen shot becomes the new default; what is odd is that when the external display is not plugged in, another background becomes the default. Odd.
    So, replying to your comment made me think of something which ended up being the answer that I have been looking for:
    •Why not duplicate the background and place it in its own folder? This way, there would be no other images for it to default to and to change the properties away from, as the folder has not changed.
    Indeed a workaround, but the answer to my problems:
    One more thing to address:
    Even if you don't have random backgrounds set, I would think it a good design idea to make them random.  Otherwise users could easily become confused about which desktop they are looking at.
    My rebuttal to your design philosophy is that I love the consistency a single background presents. Think of iOS: one background, multiple pages. Users look at the content presented on the page. I regularly use the four finger gesture to enter the 'Exposé' feature of OSX Lion, and this gives me further indication of which desktops arrangement.
    I have read other reviews stating that the feature you noted is a great idea, so you are not alone (to have multiple desktop backgrounds for color coding what workspace/desktop/space you are in). My experience was somewhat jarring, however, as I was used to a specific use case of a consistent background; thus I have been posting in an effort to find a solution to my problem. Again, thank you for your insights; you are the one that lead me to a solution, afterall.
    // Separate note: expose will rearrange your windows/spaces/workspaces/desktops when you utilize command+tab. This design feature has a distinct iOS feel; as in iOS, your spaces and apps are dynamically rearranged based on the order or applications used.
    // Here is a quick photo example illustrating the point:
    // (I would have taken a screen shot of the command-tab interface but I cannot take a screen shot while holding down command; I use command-shift-3 for a full screen shot)
    1) Apps open in order (for this purpose I am sticking to one application per space and am including two fullscreen apps ): Finder, Safari, System Preferences, Mail
    // If I command+tab over to the full screen Mail app, my spaces are now rearranged as follows:
    // So now, to further illustrate the point, I can get 'Desktop 2' to be next to Desktop 1 by command-tabbing from Finder [Desktop 1] to System Preferences [Desktop2]; when I enter expose, the spaces are again rearranged to this:
    // This is similar to iOS' multitasking where a users multitasking list is dynamically rearranged based on the app that was used last in order to allow the user to gesture to the last app with ease.
    Message was edited by: jordoapp

  • Hero image shakes when scrolling

    The hero image shakes when scrolling in Safari and IE. Any solutions?
    Many thanks.

    http://gregbareselgolf.businesscatalyst.com/index.html
    Thanks Aish

  • Images dissapearing when scrolling TileList.

    Hello,
    In the AIR application I am working on, I need to load a large number of images to a TileList on the clients computer. Since they can't be embedded, they were taking a long time to load since each image could be 3-4mb+. In an attempt to reduce the load time (initially and when reloading when scrolling) when the user selected a directory, I would load each image using a Loader and store a scaled down Bitmap of it in an Array. I bound the source property of the Image in the ItemRenderer to the Bitmap in the Array.
    This works really well and the images load faster however.. When I scroll and an image goes off the screen and I scroll back to it the tile is blank. Checking the debugger I see that as soon as the tile goes off the screen the BitmapData property of the Bitmap in the array becomes null.
    Any ideas on what might be causing this? I can post the code if it would help.
    I'm not limited to loading the images this way. I had just seen something similar and was trying to adapt it. If anyone has any other methods or controls that may work better please share!
    Thank you in advance for any help.

    I have the same problem.

  • Scrollview only releasing image data when scrolled out of bounds

    Hi all,
    I cannot understand why my memory isn't released.
    On my iPhone program I have a tableview with an image in each cell. When the images are loaded the I can see a thread in Instruments with ObjectAlloc, that calls CALayerPrepareCommit about 10 times -> CGContextDrawImage->some more stuff->ripc_AcquireImage->more stuff ->imgdatalock. I assume this is where the OS actually draws the Image on the screen. But the memory is never released! Only when I scroll the tableview out of bound is the memory released. Visually the tableview is the same and the images are still there after the scrolling. This is a lot of memory and I need to know why it isn't released.
    I set the image in the tableview here:
    - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if (cell == nil) {
    cell = [[[UITableViewCell alloc] initWithFrame:CGRectZero reuseIdentifier:CellIdentifier] autorelease];
    cell.accessoryType = self.showDisclosureIndicators ? UITableViewCellAccessoryDisclosureIndicator : UITableViewCellAccessoryNone;
    //Clear previous content
    NSArray *subviews = cell.contentView.subviews;
    for (UIView *subview in subviews)
    [subview removeFromSuperview];
    //Set Image
    [cell.contentView addSubview:[thumbnails objectAtIndex:indexPath.row]];
    return cell;
    thumbnails is an array of views:
    while (thumbnailsRemaining && getThumbnails) {
    NSAutoreleasePool *pool = [[NSAutoreleasePool alloc] init];
    UIView *containerView = [thumbnails objectAtIndex:nextThumbnail];
    UIImageView *imageView = [[containerView subviews] objectAtIndex:0];
    NSInvocationOperation* imageOp = [[NSInvocationOperation alloc] initWithTarget:self selector:@selector(getImageForImageView:) object:imageView];
    [imageQueue addOperation:imageOp];
    [imageOp release];
    [imageQueue waitUntilAllOperationsAreFinished];
    nextThumbnail++;
    [pool drain];
    and each image is loaded here:
    - (void) getImageForImageView:(UIImageView *)imageView {
    NSAutoreleasePool *pool = [[NSAutoreleasePool alloc] init];
    UIImage *image = [UIImage imageWithData:imageData];
    [imageView setImage:image];
    thumbnailsRemaining--;
    [pool drain];
    I also have a scrollview with images and behaving exactly in the same way when scrolling out of bounds.
    I am really lost, so any help is appreciated.

    When a cell is scrolled out of the visible area, UITableView normally adds it to the reusable cell queue, so that's why you aren't seeing that memory released. I think the queued cells might get released under low memory conditions. You might want to try Hardware->Simulate Memory Warning on the Simulator.
    In any case, see if this link is helpful: [http://idevkit.com/forums/tutorials-code-samples-sdk/2-dynamic-content-loading -uitableview.html].
    \- Ray

  • Images shift when jumping to anchors

    I have a file using manual menus connected to anchors. In the browser when I click on any menu item one of my images shifts. It's a patterned wall paper that must meet fairly close to look right. The shift of about 3/8" spoils the effect. I've deleted and reset the anchors but the shift persists. This errors previousy didn't occur in this file. I've made some change it seems which has created this shift. I deleted my broswer cache hoping that  might fix the problem but it didn't help. I've checked where my images are pinned to and how they are set to fit in their space and it appears correct.(I am using tiling) As an aside I've begun to wonder if anchors are really a work in progress, I've noticed other issues with them that didn't seem to make sense.
    CharlesSchutz

    Aish,
    I'm not able to provide a URL. All access to the site is under an NDA and
    is hosted on a private server with encrypted access other than my local
    machine. If you could tell me if this is a known issue then I can hand it
    off to one of their developers to look into, It would be helpful to have
    some ideas about what component could be the issue and if its possible to
    get access to fix it?
    I don't know the steps I took that created the error. The file did work but
    began appearing I believe after I began fine tuning the anchors and moving
    some of the content. That's all I know. As I mentioned it all looks
    correct. The settings match another copy of this same file I have. The copy
    with my new edits has this error of shifting images and at the level I am
    able to understand it all appears correct.
    Cordially,
    Chuck Schutz
    On Wed, Dec 18, 2013 at 11:41 AM, Aishvarya Raj Rastogi <

  • Colour background images changes when applying effect

    Hey,
    I created a page, with a large background image in the back. When applying an effect (like shadow, or transparency) to text above, the colour of the image below changes, it becomes less saturated. This persist even when exporting and viewing in Acrobat Reader.
    Im using InDesign CS3 with Windows XP SP2
    Greets!

    Try changing your transparency blend space to RGB.
    Bob

  • How to create an image that when scrolled over automatically scrolls between 3 image

    What i am trying or rather what i want to achive is, when an image is scrolled over it automaticly scrolls between 3 pictures and when it is rolled off of goes back to a specific image. How do i do something like this i know its going to have to be a javascript item, but how do i do it?

    Hi Gramps,
    Welcome back. Haven't seen you around for a while.
    Please have a look here and tell us if there is a script that comes close to what you want.
    Did you forget to add something?
    Nancy O.

  • Background image item when selected

    hello,
    i wanna make something like here: [http://img17.imageshack.us/my.php?image=bluebdxwwi.jpg]
    so when i click a text box, to insert some data, the entire row(with all items) being with light blue background.. how is it possible?
    Thanks

    Hello,
    In the Object Navigator, create a Visual Attribute with the blue background, then use it in the Current Record Attribute property of the block.
    Francois

  • Image Shifts When Using Shared Printer

    OS 10.6.8
    Acrobat Pro 9.5.1
    Printer: Canon Pixma 4800 ip4800
    As far as I know, all drivers are up to date.
    Printer is connected to an iMac and is set to allow sharing.
    When printing a .pdf from another Mac (wirelessly via AirPort), the image is shifted slightly (approx 3/8") to the right and down on the printed sheet, cropping content.
    All other remote printing is OK (including from other Adobe CS5 applications). I can also remote print the .pdf correctly using Apple's Preview application. Printing is also OK if printed from the iMac that the printer is connected to. Only time there is an issue is: Shared printing a .pdf using Acrobat.

    Dear Larry,
    Thanks for reporting the problem. You mentioned that page content is getting shifted by around 3/8 inches when printed using Mac Airprint using Acrobat which resulted in clipping of some of the content and other applications print fine.
    Could you please pass on the same pdf to me as well? Although, it doesnot look dependent on any particular pdf but I would like to analyze certain behavior with the pdf you are using.
    Please also confirm that you have not printed with "None" pagescaling option when you observed this.
    Thansk,
    Atul

  • Jeditorpane/html - images disappear when scrolling

    The title says it-
    I've had this issue with JEditorPanes in my own code and also with the Java Help viewer. I'm using 1.4.1_01.
    I don't have a lot of images or any very large ones. My pages are quite standard, and very simple- just text and greatly reduced screenshots.
    When I scroll up and down in the component, however, images either completely disappear or part of them disappears. Reloading the page fixes it. Definately a repaint issue of some sort. But, in the case of Java Help, I don't have access to the JEditorPane to hack in any kind of fix.
    Whats the deal here? I can't find any bug postings about this one but it certainly seems to be a major bug.
    Thanks

    I'm glad to hear someone else is having the problem. Any ideas on a work around?
    There has to be some work around. For example, I'm using IDEA for my IDE and it is running under 1.4.1_01- clearly they have used Java Help but their help view isn't having the same problem mine is. I hope I find a solution soon. This is an absolute show stopper. I can't deploy something that is clearly broken.
    It is next to impossible that this is a user error- I haven't even written any code! It is all Java Help's code. I've even tried to turn off all the fancy drawing that is part of Swing, and turned off all hardware acceleration in Windows.

  • Part of image shifts when inserting footer

    Okay, when I go to insert a footer into a document, a portion - not all - of that document shifts.  The document is an exported pdf from ArcMap which contains several thousand elements.  All elements appear to remain in their original position with a single class of elements shifting by between 0.1 and 0.2" towards the bottom of the document.
    I have never had this happen before when using Adobe 7.x, but now that I am using Adobe Acrobat X standard, this problem suddenly crops up.
    Any help would be amazing as I am at my witts end...
    Thanks,
    John

    Use the forum for Adobe Acrobat.

  • Background Image Disappear When Refreshing

    Hi,
    Recently, I encounter a problem for building my application. I define my own background for my application in formsweb.cfg. The background load the first time I access the page, but it disappears when I press refresh button. So, can anyone tell me why and how can I going to fix it? Thank you.
    Ramon

    Ramon,
    you don't specify a Forms version number, which makes it harder for us to help. It could be a problem in a Forms version that may be fixed in a subsequent patch. Without Forms release numer however, I cant tell. I suggest you contact customer support at metalink.oracle.com
    Frank

  • Background image moves when disabled

    I have an image in a frame window. When you click on the image and move the mouse the image moves. I have but the image still moves. Also I wish to disable the right hand mouse context menu that opens the image in a new window and other items.
    It does the same thing in Safari for OS X on a Mac.
    Any help appreciated.

    The images are moveable on all sites including the apple site.
    Is it a preference in the browser? Is this common to all Safari browsers?

  • Background image moves when previewing the site

    I set up my background in the master. When I preview my site in the browser, the background location jumps around slightly as I navigate between pages.  Any ideas?

    Hi Brad,
    i'm also getting this. Really odd movement with both shape elements foreground and background and how type is rendering and moving up and down at will, as well as reflowing differently. Used Arial as was web safe so not sure why.
    Also have in sep text boxes as seemed normal way to do it.
    I had a more evolved thing going on with small shape bars between project title and the rationale on left hand side bar but that's all had to go out of the winder since the last update as moving was playing havoc page to page.
    I also had to paste in place my Navigation for site on each page individualy instead of using a MASTER to get to work correctly. Have tried to now put this on a NAV layer above all other content on MASTER as well as pinning it top and causing more movement so didn't upload or save.
    Have some screen grabs of what I am seeing in the PREVIEW in Muse top and bottom of page and also the DESIGN view top and bottom of page.
    As mentioned, haven't saved or uploaded to my ftp as expecting a client to look at some of my work and can't afford them looking when it's busted with some issue or another.
    Any light shed on this issue would be greatly appreciated. As I keep saying, I love the program but there do seem to be some big issues that are making me spend lots and lots of investigatory time with hit and miss results.
    Thanks in advance.
    Site url as it currently stands is: http://www.saraundo.com

Maybe you are looking for