CSS background image (fit screen) - Graphic Design Forum and Web Design Forum

PolarBear · #1 (**permalink**) 29-10-2007, 03:21 AM

Anyone know how to get a background image in DW fit the browser ? So far my code touches the left margin perfectly but then there is a border at the top,right,and buttom ? I have a style on the <body> of the page.

Toon · #2 (**permalink**) 29-10-2007, 05:36 AM

Have you reset your margins at the beginning?

PR Design · #3 (**permalink**) 29-10-2007, 07:24 AM

body{margin:0;} like Toon said.

PolarBear · #4 (**permalink**) 29-10-2007, 05:52 PM

Alright it is half way fixed, is it safe to assume that it is not touching the right and buttom part of my browser (page) because the image is smaller then the screen resolution ? Say the image is (it's not) 800x600 and you're viewing on 1024x768 would that matter ? I hope not if it's not so how come it's still not touching and I've checked my margins.

blueocto · #5 (**permalink**) 29-10-2007, 06:22 PM

Yeah that could be the problem.
If the image is static (e.g. doesnt scroll with the user etc) then best to go bigger than your expected resolution, then theres no issues of whitespace around the bacgrkound image.
Or use a repeating image?

PolarBear · #6 (**permalink**) 30-10-2007, 12:39 AM

I tried this, first I lowered my resolution, there still is white space. I'm sure there is a way around this. And repeating the image, not something I'd want to do, thank you.

Wickedboy · #7 (**permalink**) 30-10-2007, 03:14 PM

Is the dege of the image a solid colour?

PolarBear · #8 (**permalink**) 30-10-2007, 03:49 PM

No the edge is not a solid. This is so very frusterating, and after adjusting some other things on the page I now also can't get rid of the horizontal scroll at the buttom of the browser, yet the image is not that big it needs to scroll.

PolarBear · #9 (**permalink**) 30-10-2007, 04:15 PM

I fixed the scroll issue.
The background image problem still plaques me unfortunatly.

tommylogic · #10 (**permalink**) 30-10-2007, 08:36 PM

you try 100% yet?...

How bout a link to the page markup & css... you'd get a faster answer

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Image masking : Image Editing Services	Graphic Design Links	Graphic Design Links	0	24-03-2008 10:50 AM
Background image for headers?	dannynosleeves	CSS Forum	3	05-12-2007 09:14 AM
CSS List background image bullets - Cross browser problem	bradgreens	CSS Forum	8	30-11-2007 10:54 AM
Resizing a css background image	jontywagener	CSS Forum	2	23-11-2007 12:14 PM
Background image	jwade_m	Graphic Design and Web Design Help	10	03-11-2007 03:25 PM