• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1126
  • Last Modified:

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.
0
altariamx2003
Asked:
altariamx2003
  • 3
  • 3
1 Solution
 
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
What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

 
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
 
altariamx2003Author Commented:
it works!!

thanks!!!
0
 
Kyle HamiltonData ScientistCommented:
:)
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

  • 3
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now