Website background

holysjit · Post by **holysjit** » Mon Sep 10, 2007 12:42 pm

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

Post by **garvinhicking** » Mon Sep 10, 2007 1:05 pm

Hi!

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

Best regards,
Garvin

holysjit · Post by **holysjit** » Mon Sep 10, 2007 3:51 pm

Srry, www.thejokers.nl

Post by **garvinhicking** » Mon Sep 10, 2007 3:57 pm

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

Post by **Don Chambers** » Tue Sep 11, 2007 5:54 am

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?

steven · Post by **steven** » Tue Sep 11, 2007 3:57 pm

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.

holysjit · Post by **holysjit** » Wed Sep 12, 2007 5:03 pm

Like Garvin, my first instinct is to wrap the inner table with an outer container

How do I do that?

Post by **Don Chambers** » Wed Sep 12, 2007 5:52 pm

It would help if I would actually look a little closer before making a suggestion!!!

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.

Website background

Website background

Re: Website background