-1

I need to figure out how to make a background picture completely fill the screen with the full picture on any computer screen. Weather it's being viewed on a 17 inch monitor or a 12 inch monitor I need the picture in the background to be the same size. I've tried manipulating the size of the picture in photoshop but that doesn't work as well.

4
Contributors
3
Replies
4
Views
7 Years
Discussion Span
Last Post by Troy III
0

Hi there,

If you only want to use CSS to get the background image to fit the entire screen, you could try something like this.

#img {
width:100%;   
height:auto;
max-width:999px;   
max-height:999px;    
}

Changing the 999's into the width and height of the original picture accordingly.

What I do not quite understand; you "need the picture to be the same size" on any resolution? Do you mean full screen or a certain percentage of the screen?

Traevel

0

How do i stretch my background image?

You can't!

W3C doesn't give you any means to manipulate background image dimensions.

The only browser providing means for this is still IE 5++

Edited by Troy III: n/a

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.