CSS Forum

**Abbas22** · 03-29-2008, 07:27 PM

I have been wondering about this for a while now, how can you make your background image fill in the entire browser?

**LadynRed** · 03-29-2008, 07:28 PM

Specifiy a background on the <body> element.

**Abbas22** · 03-29-2008, 07:31 PM

I have done that but the image doesn't fill in the browser in every computer

**angele803** · 03-29-2008, 07:32 PM

Will you post an example page or your code??

**Abbas22** · 03-29-2008, 07:35 PM

Here is my website http://cmovy.com

The background looks fine on my computer but when I go on my laptop there are white spaces all around the image

body {
margin: 0;
padding: 0;
background: url(images/background2.jpg) center center fixed;
text-align: justify;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fff;
}

**angele803** · 03-29-2008, 07:44 PM

I can't get that same error to show up on my computer. What browser are you using on your laptop??

To get you started, you might try to remove the "center center fixed" part of your background

**Abbas22** · 03-29-2008, 07:53 PM

It looks the same in IE7 and Firefox - when removed the parts that you said the white parts got filled in with little pieces of the background so basically the bg was repeated

**Abbas22** · 03-29-2008, 08:04 PM

I guess I could just make the image 2200px by 1050px

**LadynRed** · 03-30-2008, 11:29 AM

That would be one huge image and tax download times. If you want an image to fill the window, it has to be tileable.

**wayfarer07** · 03-30-2008, 04:40 PM

Background images are not re sizable like the ones placed with <img> tags...

**vectorialpx** · 03-31-2008, 07:25 AM

you cannot have a "image fill in the entire browser" for one big reasons: you cannot know the user resolution so, you cannot how to resize the image. You can use some javaScript but it does not help you. My recommendation: use an image [at the center] that has a gradient and you'll give the fullScreen illusion with a fade.

If you want to use JS it's not so complicate but some browsers have a different display zone of the page and you cannot know this too... so, center and gradient or... make a nice border and put a bg, like me