Background Image in Kubrick Theme
-
My problem is that I want my Background image to show the same on every browser, but it seems to change sizes with the monitor. How do I get my image to show the same on each browser? Is it a size issue? Or is there a CSS code?
The blog I need help with is: (visible only to logged in users)
-
Your username is not linked to your wordpress.COM blog. We need a link to the blog so we can take a look. The image in the background will not resize according to monitor resolution, but browser window size can make it look that way.
-
What you are seeing is the nature of the background image in body. It stays in place (when “fixed” is declared.
You can “fix” #page with margin-left to keep the relationship between the background image and the left side of #page static, but that means that your site will effectively increase in width by whatever value you assign to margin-left, which could mean that people on lower resolution monitors (1024px wide as an example) might have part of the right side of your site hidden and will have to scroll horizontally to see the entire sidebar.
Right now, 1024 wide resolutions account for just short of 25% of those surfing the web, and horizontal scrolling is something people do not like to have to do on the web.
-
Ok. Now, to make sure I understand. To try this method I need to Input “Fix” instead of “Fixed?” Or do I need to Input “Margin-Left?”
-
No, the background image is already fixed. What you will need to do is to set a left margin for #page. Add the following to #page in your CSS
margin-left: 250px;and then adjust the value as required. I wouldn’t go much over 250px as that puts the width from the left edge, to the right edge at 1010px total.
-
-
- The topic ‘Background Image in Kubrick Theme’ is closed to new replies.