Fixing a background in position

I'm sure this is a simple answer, but would appreciate some help.
I have designed a website where the background is a photograph, and the content of the website in a container in the middle of the screen.
At the moment the container floats across the background image when a user changes the screen size. How do I fix the background to the container, so that the part of the picture behind and to each side of the container reamains the same.
Regards

rodelcreative wrote:
I'm sure this is a simple answer, but would appreciate some help.
I have designed a website where the background is a photograph, and the content of the website in a container in the middle of the screen.
At the moment the container floats across the background image when a user changes the screen size. How do I fix the background to the container, so that the part of the picture behind and to each side of the container reamains the same.
Regards
Is the container centered in the broswer window?
if so set the background image to center as well with css (you are using css right?)
body
background-image: url (yourImage.jpg);
background-repeat: no-repeat;
background-position: top center;

Similar Messages

  • Fixing the loupe tool position while making adjustments

    I haven't found a way to do this - maybe it's an enhancement - but just in case ....
    Is there a way to fix the loupe in position while making adjustments (ex. noise and sharpness)? I'd like the loupe to display real-time the results of the adjustments being made.
    I checked the manual but didn't see anything. Is it do-able or is it future?
    Thank you.

    I haven't found a way to do this - maybe it's an
    enhancement - but just in case ....
    Is there a way to fix the loupe in position while
    making adjustments (ex. noise and sharpness)? I'd
    like the loupe to display real-time the results of
    the adjustments being made.
    I checked the manual but didn't see anything. Is it
    do-able or is it future?
    Actually right around the time of 1.0.1 a number of people were asking for this - I also submitted a suggestion to see it as well.
    Currently the closest thing you have is to zoom in on a specific area at 100% and evaluate that region while making changes. That works pretty well, but with larger images 100% is not quite close enough.
    There are two ways to fix that I think, allow the user to define what the "100%' zoom really is, or allow the user to have multiple sticky loupes they could leave on an image.

  • Downloaded trial photoshop elements 12. Can't access it or upload a photo I must fix/change background on

    Downloaded trial Photoshop Elements 12. Can't access/open it or upload a photo I must fix/change background on...

    Hi literarykid,
    Please let me know what error you get when you try to open PSE12 and which OS you are using.
    Regards,
    Rave

  • PNG fix for background images?

    I am putting together an artsy-fartsy design with lots of
    stylish wavy lines, fine gradients and dropdown shadow effects and
    was wondering if there was a PNG fix for background images. Most
    out there seem only to apply to images included in the html.
    Otherwise I can use JPEGs with a bit of the background included
    behind them (I hate doing this)...

    Hi,
    Hmmm. I think you have a great point there. In my opinion, I
    think that there is no png fix for background images. Use jpegs
    with background. I do the same.
    Gaurav
    www.gauravchandra.com

  • Background Image Position Whole Numbers vs Decimals

    Hi EA experts,
    I'm using sprite sheets to create animations in Edge Animate CC and have run into a peculiar problem: Occasionally, when I am animating frame-to-frame and changing the background image position, the numbers I input (for example, -400) end up somehow being changed to a value a few decimal points off (such as -399.96). When playing the animation back, even this tiny fraction of a pixel difference ends up causing the sprites to shift and play back choppily. What's more frustrating still is that Edge Animate shows the X/Y values as the correct whole-numbers I inputed, until I click on them (see attached). Given the amount of animation I'm doing, now that I've found out this is the problem, I have maybe hundreds of X/Y values to correct.
              The whole number I input is displayed......                                   until you click, and see that it's off a bit
    Is there a way to easily correct this? Perhaps a way to make Edge Animate only accept whole numbers for background image position values?
    Thanks,
    -Adam

    Whole numbers kick decimal butt.
    Also, that's not how you calculate leap years. Just
    an FYI.What is it? Leap year if %4 == 0 and %100 != 0?
    I think... whatever, Google is your friend.

  • Fixing a background picture

    I have a background picture that has a main image on the right. I have all of my text, logo, content, navigation aligned to the left. I want the background to be fixed so that the main image is always showing in full on the right side of the browser while the content on the left will scroll over (or next to) the background no matter how much content is there.
    I thought I had the solution to this with creating this code in my style sheet:
    body {
        background-image: url(Jill%20BackgroundKlytemnestra.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        display: block;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
        height: 1000px;
        background-color: #802536;
    But it doesn't seem to be working. The background is scrolling with the content.
    The page is:
    www.jillgrovemezzo.com/bio.htm
    Regina

    Thanks, Jon. It worked! I am not sure why I didn't have that command in my code before. Makes perfect sense.
    Can you guide me on the proper px settings for the background-position? The content and navigation on the left are set at 700px fixed with a left-margin of 25px.
    Regina

  • Multiple DVT Bargraphs: Fixing the (0,0) position, consistently

    Hi,
    In our project, we have a requirement where we will be displaying three graphs using bargraph (BAR_VERT_CLUST) tabular data property (which gets values from backend).
    As and when the input values are changed, the graphs will be reset with the new values.
    I want to set the position of the (0,0)  same in all the graphs i.e., at the center of the graph.
    Now we see that, ADF itself decides the (0,0) position. Thus, when we have more than one graph, the (0,0) point is not positioned at the same location on the graphs
    Kindly, suggest if there is anyway to set the position of axis fixed in this scenario.
    Thanks,
    Pandu

    Hi,
    In our project, we have a requirement where we will be displaying three graphs using bargraph (BAR_VERT_CLUST) tabular data property (which gets values from backend).
    As and when the input values are changed, the graphs will be reset with the new values.
    I want to set the position of the (0,0)  same in all the graphs i.e., at the center of the graph.
    Now we see that, ADF itself decides the (0,0) position. Thus, when we have more than one graph, the (0,0) point is not positioned at the same location on the graphs
    Kindly, suggest if there is anyway to set the position of axis fixed in this scenario.
    Thanks,
    Pandu

  • Setting a fixed desktop background for ANY data projector

    Any ideas on how I may set the desktop of ANY randomly selected and attached data projector (or external monitor/HDTV) to a specific image (containing my my corporate logo) without resorting to turning on mirroring to display the main desktop on my MBP?
    I run strategy workshops for my clients at venues ranging from client boardrooms to hotels and convention centers.  In each instance, I am provided a data projector which I simply connect to my MBPT, fire up Keynote and it's show time!  Never had a failure to present.
    However, in the odd moment when I am doing things at the desktop level, I want the image displayed on the projected screen the audience sees to be that of my corporate logo.  They do not need to see what I am doing on my MacBook.
    So how can I set a default image to be used for any attached display device ONCE as a single setting for all future (unknown and randomly selected) data projectors that may get attached to my MBP?
    Currently, on every occasion, I have to remember to get the pointer way across to the destop of the attached projector then right-click and manually “Change Destop Background...” etc.  It is just one niggle I would like to take out of my ‘seting up for showtime’ routine.

    Hi coocooforcocoapuffs
    I am hoping there is a way around this...
    Otherwise this still remains as two steps on my 'Presentation Check-list' which I would rather see changed from:
    Select “Change Destop Background...” on presentation screen and set to mylogoimage.jpg
    Ensure mylogoimage.jpg is displayed on screen - fix if not
    To:
    Ensure mylogoimage.jpg is displayed on screen - fix if not
    It would just take one more thing off the critical path at the very moment when time is of the essence.
    Isn’t there a plist or something I can set?

  • How do you make a fixed gradient background?

    I want to make a background for my site that operates like the one on Newgrounds and many, many others ( http://www.newgrounds.com/portal/ ). The background outside of all the content in the center, that is. Where it starts as kind of an intricate design and then fades into a solid color, which continues all the way down.
    How do I go about doing that?

    I think the ZOOM feature in some web browsers may be giving you a false impression.
    If you don't have it already, download Firefox.
    Hit View > Zoom, text only.
    All of the sites you mentioned are fixed-width, centered designs, not liquid.
    Background images can be repeated vertically (repeat-y), horizontally (repeat-x) or both (repeat) to fill available viewport.  Obviously the image needs to be seamless for this tiling effect to look good.
    More on Background images:
    http://alt-web.com/Backgrounds.shtml
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb
    http://alt-web-design.blogspot.com/

  • Fix page background image

    Is there anyway of fixing a page background image where the page content is longer than the image?  I want the content to scroll until the entire bg image is revealed, and then fix the image so that the rest of the text is displayed on top of it, rather than running off the bottom of it.
    Please see http://www.empathydesign.co.uk/development/lucid/travel-detail.shtml,  user name shannon, pw: ilkley57!
    Thanks

    Hi Shannon(?),
    let us take a step back and reflect a little bit about your wish, because I'm not sure that it is a good solution on this page to accommodate as much text that the visitor has to scroll in this great measure.
    And so MY recommendation is (please do not be angry, I want you to understand this as constructive criticism) that you limit the text onto the essentials and you better start a new additional page, where you can insert all the rest.
    Hans-G.

  • Animation of multiple background image positions via keyframes works in Chrome & Safari, not Firefox.

    The goal is to create an infinitely scrolling, two-layer parallax, patterned background. The effect works perfectly in Mac Chrome 35.0.1916.153, Mac Safari 7.0.4, iOS Chrome 35.0.1916.41, and iOS Safari 7.1.2, but it stutters in Mac Firefox 30.0 (haven't tested on iOS FF).
    My code is visible at http://jsbin.com/cifig/2 and is basically modeled after http://davidwalsh.name/multiple-background-css-animations (demo http://davidwalsh.name/demo/multiple-background-css-animations.php).
    If I make either one of the following changes, the stutter in FF resolves:
    • Limit `background-repeat` to `repeat-x` or to `repeat-y`.
    • Remove one of the two animated backgrounds.
    So it seems FF can't handle the continuous animation of two backgrounds that each have background-repeat, whereas Chrome and Safari can.
    Any tips? Thanks!

    Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox. <br />
    http://forums.mozillazine.org/viewforum.php?f=25 <br />
    You'll need to register and login to be able to post in that forum.

  • How to fix gray background on images without checking "retain color depth"

    I have a cover page on my report where the user can insert a logo image. The problem is that if the logo image has a white background it will turn the white background gray. I have figured out how to resolve this by checking "retain original image color depth.u201D The problem with this is that all the images in my report are larger so the report pdf file size goes from 3mb to 30mb. Is there a way to make the logo image appear as normal without having to check the retain color depth? I have tried adjusting the image in photoshop several different ways but havenu2019t figured it out yet.

    That is exactly why the option is there. And why it is unchecked. Most people prefer to have smaller report size. The choice is small reports with the option unchecked and the loss of picture quality, or bigger reports with the option checked, retaining the picture quality. THis a by design and is not consiered to be a "bug". If you post the issue into the [idea place|https://ideas.sap.com/community/products_and_solutions/crystalreports] perhaps it will get picked up as an enhancement, but that it the best I can suggest.
    - Ludek
    Edited by: Ludek Uher on Jun 17, 2011 6:29 AM

  • Is it possible to fix text boxes in position when making a masterslide?

    Hi, I'm trying to make a set of Keynote templates for a small organisation - we need consistency, therefore I don't want any of the styles to be overwritten. As an example, I have a title page and subtitle page with two text boxes, one bold and one light for title and intro text. These are locked in position on the masterslide, but when it comes to editing (i.e. Add slide) the text boxes are moveable.
    It's driving me potty, I'm sure there's a simple thing to stop this. Any help would be great.
    thanks

    Afraid it doesn't work. I've read the manual back to front to try something myself. Having transferred it to my mac and edited it there, the text boxes don't have the blue link boxes to link text.
    Also, when transferring it back to the iPhone, when I open my document it gives a warning saying that linked text boxes aren't supported and it has separated them into two different text boxes again.
    I'd suggest you give feedback to Apple about this as a feature enhancement request.

  • Is there a possibility to run RSRV fix in background?

    Hello,
    Is there a possibility to schedule/run the "error correction" part of the RSRV result as a background job and not dialog.
    Thank you

    Hi Blue005,
    there is no standard report provided as standard to do the 'Repair' tasks within a BGD job.
    The reason for this is that some repairs have to be executed in a certain order or a certain time (when no other jobs can interfere). Furthermore these repairs should be supervised by an administrator.
    The system is not supposed to do this automatically.
    So you'd have to create your own Z-report making use of report RSRV_JOB_RUNNER (which are the actual RSRV tests) or the function module RSDRD_DIM_REMOVE_UNUSED.
    Rgds,
    Colum

  • Play white animation over fixed colour background...how ?

    Hi
    Pshop CS2
    I have 5 layers with white artwork and a black filled layer but make animation sees also the black background end up flashing on and off. Can one have a frame to stay under the animation and stay on at all times ?
    Obviously if this was in Flash it would sit on a lower layer and exist for the entire duration of the animation, but I am hoping to avoid keep having to take artwork as png into pshop , create movie clip, etc etc then back to photoshop to adjust artwork.
    I also could do with altering the fps to suit my flash fps...again how ?
    Envirographics

    If at sometime you upgrade to CS6 you can convert an frame amimation to a video timeline and render it as an mp4. It is also posible to flatten a frame animation frames to Photoshop layers export tthe layers as png-24  The a free Animated PNG program like APNG Anime Maker maked  can make an Animated png file.  Note the only some browsers support animated png file. Some browsers like Chrome will have available extention that will support animated png.  Most browers thar do not support animated png will decode the first frams and display a still.  Animated png look better then animated gifs look at this link http://http://furthiahigh.concessioncomic.com/forum/viewtopic.php?f=8&t=6143  Animated png also are bigger files the gif files.
    Large animated png and gif scaled down with HTML png on left note how long it takes to start to animate for the file is large compared to the gif.
    Now the full size png and gif note how much better the png on top is. That is wht the gif needs to be scaled down using HTML.

Maybe you are looking for

  • Add new telephone field in IC WebClient

    Hi everyone, I've got to add one more field in IC WebClient BUPA Create View. The new field is the telephone number, we already have one telephone field but i need another one. How can i do this and what do i have to change to create the BP with 2 ph

  • Where has my cover art gone?

    hi I have spent an age updating my i tunes collection. by that i mean, renaming tracks that had "unknown album" for them, renaming tracks, and making sure that all my Tracks had the corect cover art loaded for it. it took a long time, but it looks go

  • Web auth with , intenal web page of WLC and ISE as radius server

    Hi All , We have created a SSID as web auth with internal web page for login . In advanced tab we configured AAA server.  AD is integrated with ISE . When the user tries to get connect , he is getting redirect URL . But during the authentication , we

  • Script for check table exeststance

    Hi, We have 20 instances I want to create a shell script like 1. it will check existence of the table in dba schema 2. then will check existence of data in the table Also send the mail to distro if table is not exits

  • How to visualise BCC in old emails

    I had to change mailsoftware my old data transferred fine to Thunderbird but there are some e-mails with BCC-addresses I would like to review but cannot make the BBC visible in older e-mails, is that possible? Thanks in advance! André