Background Sizing

They have: 42 posts

Joined: Dec 2002

I have a background that fits perfectly if the viewers browser is set at 800x600 but the background image overlaps outside the boundries of the webpage if the viewers browser is set at 1024X768

Does anyone know how I may correct/prevent that?

thanks
NYColt

Busy's picture

He has: 6,151 posts

Joined: May 2001

Where are you setting the background image - body tag, with CSS or in a table?

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

One way to do this is to make your background image really huge - like 1200 pixels wide. You can also use CSS to set the background to no-repeat. It might look like this:

body {background-image:
url("/images/bkd.jpg");
background-repeat: no-repeat
}

I think that's the right way to do it!

They have: 8 posts

Joined: Oct 2003

You can set your page inside a table set to 800 (or 790) width. Make the table background your image and don't set a background image for your page.

You are then stuck with an 800 width page but I think you are anyway.

Maxim Host

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.