Page 1 of 1

Website background

Posted: Mon Sep 10, 2007 12:42 pm
by holysjit
Hi, im using the Andreas08 template for my blog...

My costummade background appears normally at home, but when I watch my page on my school or on a computer with a different resolution, it appears weird. The background is tooo much to the right. How can I solve this? (use this image:
http://img237.imageshack.us/img237/2111/naamloosba3.png)


Thanks

Re: Website background

Posted: Mon Sep 10, 2007 1:05 pm
by garvinhicking
Hi!

Without your URL, I don't think anyone can help you.

Best regards,
Garvin

Posted: Mon Sep 10, 2007 3:51 pm
by holysjit

Posted: Mon Sep 10, 2007 3:57 pm
by garvinhicking
Hi!

Okay, your problem is that your page content is horizontally centered, but your background graphic relies on a different content width.

Fixing this is very hard, it involves good CSS skills because you need to add another inside wrapping div, and horizontalle align the content within the same base div.

Maybe Don or yellowled can help you, otherwise you might need to ask for help in a CSS specific forum, where more people might be able to help you, since it's unrelated to serendipity.

Regards,
Garvin

Posted: Tue Sep 11, 2007 5:54 am
by Don Chambers
What you want is not going to be easy. You have a 1600 px wide image, but you want the dark/shadow portion to align with the center of the content.. which happens to be a table.

Before we even begin to consider inventing a solution, is it possible this actually worked as expected by the original designer (is that you, or someone else??) prior to changes?

Like Garvin, my first instinct is to wrap the inner table with an outer container - but that might not be necessary if something was simply edited that originally worked just fine. I think I have seen other posts from you, and checked out your site, and things looked fine...... No?

Posted: Tue Sep 11, 2007 3:57 pm
by steven
My first reaction was that this was designed to be a drop shadow. Look at the suggested light direction and the gradient across the content. If you do center the page over the background (both sides shadowed) you will have to change the content background to match.

Posted: Wed Sep 12, 2007 5:03 pm
by holysjit
Like Garvin, my first instinct is to wrap the inner table with an outer container
How do I do that?

Posted: Wed Sep 12, 2007 5:52 pm
by Don Chambers
It would help if I would actually look a little closer before making a suggestion!!! :lol:

You are setting your background on the body element. You can keep it there... you just need that shadowed portion to appear in the exact center of the page, so it is really just a matter of editing your background. You probably need to position it at top center as well, since at 1600 px wide, it will exceed most user's viewports.