how to resize an image changing the size resolution of the page

I found this pages: http://www.altaour.com and http://www.fiftythree.com/paper

If you change the size resolution of your browser you will see that the the image remains in the center.

And also if you increase the size resolution of your browser you will see new parts of the same image

I would like to know how to do that to my page.
altariamx2003Asked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Kyle HamiltonData ScientistCommented:
it's a background image with centered positioning.

something like this:

.container{

   background:url(big-image.jpg) center center no-repeat;
   width:100%;
}
0
altariamx2003Author Commented:
I tried that but the background image remains in the same place no matter what wich resolution I use

check this:

resolution: 1920x1080
resolution: 1920x1080

resolution: 1280x720
resolution:1280x720
as you can see with the lower resolution the background image remains in the center of the screen


I would like to do something like that
0
altariamx2003Author Commented:
could this workk???

.container{
   background : url(big-image.jpg) no-repeat fixed center center transparent;
   
   width:100%;

}

Open in new window

0
Determine the Perfect Price for Your IT Services

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden with our free interactive tool and use it to determine the right price for your IT services. Download your free eBook now!

Kyle HamiltonData ScientistCommented:
here's an example:

http://candpgeneration.com/EE/EE-bigimage.html

this works exactly like the two websites you posted. view source.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
altariamx2003Author Commented:
it works!!

thanks!!!
0
Kyle HamiltonData ScientistCommented:
:)
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.