Trouble: absolute center background image to adjust when window size adjusts

Hello DW experts!
I would really appreciate some help in getting my background image to be perfectly centered, and then adjust to always be in the center when the window size is adjusted. Here is an example of what I am looking for:
[http://www.wpdfd.com/editorial/thebox/deadcentre4.html | http://www.wpdfd.com/editorial/thebox/deadcentre4.html] I have searched and found a lot of resources online, and I have tried there different options (i.e. background: cover, absolute, z index etc.). Here is a link to the homepage, goal is for the words Apex to show up in the center. It does not only if viewed on a large monitor. Goal is if the monitor is smaller or the person adjusts the window for the word Apex to adjust and remain as centered as possible. There will be content covering it on some pages so it does not have to be perfect.
[http://sellurownhouse.com/ | http://sellurownhouse.com/] Thanks in advance for any help!
body {
background-color: #000;
margin: auto;
background-image: url(images/wallpaperx.jpg);

body {
     width: 980px; /**adjust as req'd**/
     margin: 0 auto; /** with width, this is centered on screen**/
     background: #000 url(your_background.jpg) no-repeat center center;
Nancy O.

Similar Messages

Why is there a scroll bar though I set the background image to "scale to page size"?"

Why is there a scroll bar though I set the background image to "scale to page size"?"

The current build of iTunes may occasionally draw the scroll bar off the edge of the screen. It should be possible to resize the window to reveal the scroll bar.
You can restore much of the look & feel of the previous version with these shortcuts:
Ctrl-B to turn on the menu bar.
Ctrl-S to turn on the sidebar.
Ctrl-/ to turn on the status bar.
Click the magnifying glass top right and untick Search Entire Library to restore the previous search behaviour.
You can also open the menu bar temporarily by pressing Alt.
tt2

What controls whether embedded images scale to email window size?

When I create a new Mail.app msg and insert or drag/drop an image inline, it visually scales to fit the size of my msg window, which is about 60% of my screen width. (I'm not talking about altering the physical size of the image)
However, when I look at the msg from the sent folder or from a copy sent to myself, it appears fullsize, and this causes the msg text to now have a line length equal to the width of the embedded image. So now I have to scroll sideways to read the msg/view the image, or open the note to the size of the image, which I don't want to do. I want the computer to adapt to me, not the other way around.
I'm pretty sure that this used to function as I desire. To further rub it in, I got a msg from a relative today, sent from his peecee using DarkSideSoftware, and those images scale to my msg size. What's the deal?
iMac G5 2GHz Mac OS X (10.4.8)

hi, in prefs, Composing: Message Format: Rich Text
The only contextual menu choices are Download Image and Copy Image. However, if I check an image that scales properly in the email I mentioned, the resulting menu includes:
Open Attachment
Open With
Save Attachment
Save to Downloads Folder
View as Icon
I also notice that 1 sec after hovering over the image in the "good" note, I get a popup for a few seconds indicating the image name, status, mime-type but hovering over the image in the other note produces no result.
I thought it might have something to do with send/recv via .mac (imap) VS the "good" note came via another of my pop accts, but testing shows the same results.
For grins, I blew the dust off Entourage 2004 and let it go get about 200 mail msgs, and the "good" note acts exactly the same, that is the images all scale to window size. The last note I sent via Mail with a 1920x1200 img and downloaded into Entourage displays inline --> smaller <-- than the note window size... It appears Entourage in general wants to scale to 50% of whatever the window size is moved to.
Ok, I took the "good" note which was scaling correctly and used Mail.app to fwd it to my .mac acct and when I download it with Mail.app the images no longer scale, but now show fullsize. Same note functions as before/correctly in Entourage.

Only background image showing up when using DVI - RVA

I'm trying to connect my macbook pro to my TV...I'm using the yellow RVA video cable... When I connect the cables my background image will show up on the TV, but none of my icons will. The image just stays there no matter what I open up on the screen.
Andy suggestions?

Are you using 'Extended Desktop' (sounds like you are) or 'Mirroring' (in which case the same image should show on both screens) ?

FF36: Sites with background image flickers/flashes when going back to tab after 2 minutes.

Figure I'll mention this here as well.
When viewing websites with background images, such as twitter.com or my own website at www.markheadrick.com and I change to another tab for 2 minutes (this amount of time is repeatable anyway) I get a flicker of a black background before the page is fully drawn. If I have multiple tabs with the same background image, only the first tab will show the flicker. It's like it's loosing the image in memory or something. It has done this with Firefox in Safe Mode and with a new, clean profile. It has also done this with Hardware Acceleration off.
Windows 7 Pro 64bit w/ NVidia 550ti and 314.22 drivers. Newer drivers are more problematic which is why I have stayed with these.
Again, only pages with background images seem to show this flicker. Did not happen with Firefox 35 on my system.
I created a bug for it here: https://bugzilla.mozilla.org/show_bug.cgi?id=1137082
Thanks,
Mark H

I tried, but could not see and problem.
Hello,
In order to better assist you with your issue please provide us with a screenshot. If you need help to create a screenshot, please see [[How do I create a screenshot of my problem?]]
Once you've done this, attach the saved screenshot file to your forum post by clicking the '''Browse...''' button below the ''Post your reply'' box. This will help us to visualize the problem.
Thank you!

Background image displays differently when published

I am using Captivate 5. I did a software simulation and in Captivate the background image is correct (the one on the left) but when i preview it or publish it and view in the browser the colors are off (second image) ..I tried to play around with the brightness/sharpness but it did nothing dramatic...any suggestions?
Hi,

Hi there
Generally speaking, Optimized ofen works well too. I'm unsure of the file size differences (if any) between the two settings. Because the image quality improves it would be logical to assume that the file size will increase.
Cheers... Rick
Helpful and Handy Links
Begin learning Captivate 5 moments from now! $29.95
Captivate Wish Form/Bug Reporting Form
Adobe Certified Captivate Training
SorcererStone Blog
Captivate eBooks

Background image is gone when printing out the page

I have a region with table and created a style as follows:
th {font-size:9pt;font-weight:bold;background-image: url(#WORKSPACE_IMAGES#blue.gif)}
when i print out the page, the image color for TH is gone. How to change to show the color in the print-out.
Thanks for your help.
Jen

Hi,
IE - Tools/Internet Options/Advanced - scroll down to printing and make sure the check is on "Print background colors and images"

Why does my Background image color changes when I place an image ?

Hi everyone,
I'd like to make a presentation in InDesign. I put a background image into a different layer which I called "Background" and then I create a new layer which I called "Images" and place an image with a transparency layer. When I place this image onto the Images layer color of the image in the Background layer changes. I can not figure out why It changes its color. I'd be grateful to anyone who can help me resolve this problem ?
Regards
Cem

Edit > Transparency Blend Space... and set it to match the color mode of the background image.

How do you center background image?

I want to center the background image I insert into my Dreamweaver site. How can I do this?

With CSS -
background-position:center center;
(that'll make it center horizontally and vertically)

Background image doesn't fill window in fullscreen mode

Guys I have an image which is bigger than stage, but when I play this movie in player the background image is cropped on each of sides, that is on left and right there is a gray margin around 2cm wide.
Any ideas how to fix this so the background image covers entire stage?
Thank you.

Hi, Thanks for your reply, here is the image, and I've marked the margins with read line.
Thank you.

Background image sizing for all screen sizes

How do I make my background image conform to different size screens? I had it set for my 27" monitor but it looked horrible on my laptop so I made it smaller and its still not fitting my laptop scree and it looks so small on my 27' now its horrible there. Please help???

Hello,
I would suggest you to use this image as the browser fill.
You can check the links about browser fill:
Add an image to the background of the page or browser | Adobe Muse CC tutorials Check from 2:00
https://helpx.adobe.com/muse/using/using-fill-browser-fill-options.html
Regards
Vivek

Misalignment in browser when window size changes

I have two ap elements within content, one aligned to the left side of the content, the other next to it, i.e. aligned to the right side of the content.
Preview in browsers such as IE7 and firefox in full window the content expands beyond the right alignment so there is too much white space. On the left the content moves to the right. In decreased window view content shrinks and leaves right ap element going over into the body.
I want the elements of the site not to move when the window is collapsed and that when moving the lower nav bar the site just shows as in the full window (but partially).
http://www.jindasing.com/index_beta.html

Rule number 1 - don't use Absolutely Positioned divs unless you have a very good and specific reason to! As you're discovering absolutely positioned elements (like AP Divs) don't work the way you might think. They are absolutely positioned relative to their parent container! Often times this is your body tag. And they are a very inflexible tool which is why you shouldn't generally use them for layout.
Okay but to answer your question -
Remove this from your page:
<style type="text/css">
#ap_usp {
     position:absolute;
     width:591px;
     height:121px;
     z-index:1;
     left: 159px;
     top: 161px;
#ap_logo {
     position:absolute;
     width:409px;
     height:120px;
     z-index:2;
     left: 760px;
     top: 164px;
</style>
And in your attached stylesheet () remove the height attribute from the .header class. Like this:
.header {
     background: #516081;
     height: 100px; <- remove this
Now how does it look? Better? Then to center your image, use a CSS class to give it some padding or margins.
Hope this helps!

Files adjust to window size?

Before, whenever i change the size of a window in Finders by dragging the corner, the files in the window always adjust accordingly so that all files can be seen in one window. But for some reason, this is not happening anymore, i dont know what i did that made it change. Now whenever i change the size of the window, the files don't adjust itself.
Is there anyway to turn it back to normal?
Thanks.

You don't understand what I mean. Putting text into
absolutely positioned
containers is the source of this problem. Don't do it.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"hahahaadobeman" <[email protected]> wrote
in message
news:fktqkr$bv6$[email protected]..
> Um, I don't think you understand what I mean. The text
already can be
> resized,
> I want it to fit inside the divs when resized so it
won't look like a
> piece of
> junk when someone visits my site with larger text than
on my browser.
>

Will adjusting the window also adjust its text?

Hello Experts,
I am currently modifying a smartform because when users print it,
some of the text is not aligned. So I am wondering if adjusting its windows
will also adjust the text in it. Is this possible? Help would be greatly
appreciated. Thanks a lot guys and take care!

hi
to allingn the text in smartforms you can follow different way..
1-->changing the paragraph and character format
2-->chenging the window allingment but don't prefer this if it is a preprinted form
3--> use the TEMPLATE.
using the templates u can allign the text whereever u want in window.. this is the goog feature in smartforms
i will suggerst u to create template--> withe nuber of cells u want. then for the insert texts(don't forget to give the row number and column number of the template in the output options of the text element use appropriate paragarph format.
i hope u can solve u r problem
Please Close this thread.. when u r problem is solved. Reward if Helpful
Regards
Naresh Reddy K.

How can I adjust event window size while in day view on ical?

How can I adjust the all-day event window size while in day view on ical? I have thee all-day events, but they're just a little too big to simultaneously appear without having to scroll up/down the all-day event section.

{Ctrl + Scroll wheel} does a Page Zoom and that setting is saved domain by domain.
'''View > Zoom > Reset''' while you're viewing one of those zoomed-out pages in the SmartZone.
https://support.mozilla.com/en-US/kb/Page+Zoom

Trouble: absolute center background image to adjust when window size adjusts

Similar Messages

Maybe you are looking for