Hi ladybajan,
Do you have a link you can share so that we may have a look at the issue you’re referring to?
This is my website: Chick Lit Haven.
And this is the css under structure:
body {
padding: 0 2em;
}
#page {
margin: 2em auto;
max-width: 1000px;
}
#branding hgroup {
margin: 0 7.6%;
}
#access div {
margin: 0 7.6%;
}
#primary {
float: left;
margin: 0 -26.4% 0 0;
width: 100%;
}
#content {
margin: 0 34% 0 7.6%;
width: 58.4%;
}
#secondary {
float: right;
margin-right: 7.6%;
width: 18.8%;
}
/* Singular */
.singular #primary {
margin: 0;
}
.singular #content,
.left-sidebar.singular #content {
margin: 0 7.6%;
position: relative;
width: auto;
}
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
margin: 0 auto;
width: 68.9%;
}
Thanks!
I suspect that what’s happening is that when you view your site on other computers, those computers have different monitor widths than your computer, or you’re viewing the site it a browser window that’s narrower than what you’re used to seeing.
Your main blog content area (#page) is set to have a maximum width of 1000 pixels, which means that with any browser window that is wider than 1000 pixels, it will show your background for the extra space not taken up by the blog content. You can see what this looks like by adjusting your own browser window.
If you wanted to ALWAYS have at least a certain amount of your background image show on the sides, you could increase the padding on your #page div, but beware: for users that have narrow browsers, they may be more interested in your content that your background image.
Hope this helps!
