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

altariamx2003
altariamx2003 used Ask the Experts™
on
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.
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Kyle HamiltonData Scientist
Most Valuable Expert 2014

Commented:
it's a background image with centered positioning.

something like this:

.container{

   background:url(big-image.jpg) center center no-repeat;
   width:100%;
}

Author

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

Author

Commented:
could this workk???

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

}

Open in new window

Ensure you’re charging the right price for your IT

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

Data Scientist
Most Valuable Expert 2014
Commented:
here's an example:

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

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

Author

Commented:
it works!!

thanks!!!
Kyle HamiltonData Scientist
Most Valuable Expert 2014

Commented:
:)

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial