<div>
it's a background image with centered positioning.<br />
<br />
something like this:<br />
<br />
.container{<br />
<br />
&nbsp; &nbsp;background:url(big-image.j<wbr />pg) center center no-repeat;<br />
&nbsp; &nbsp;width:100%;<br />
}
</div>


it's a background image with centered positioning.

something like this:

.container{

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

<div>
I tried that but the background image remains in the same place no matter what wich resolution I use<br />
<br />
check this:<br />
<br />
resolution: 1920x1080<br />
<a href="https://filedb.experts-exchange.com/incoming/2012/08_w31/594032/1920-1080.jpg" target="_blank" title="resolution: 1920x1080 (205 KB)"><img alt="resolution: 1920x1080" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2012/08_w31/800_594032/1920-1080.jpg" /></a><br />
<br />
resolution: 1280x720<br />
<a href="https://filedb.experts-exchange.com/incoming/2012/08_w31/594033/1280-720.jpg" target="_blank" title="resolution:1280x720 (163 KB)"><img alt="resolution:1280x720" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2012/08_w31/800_594033/1280-720.jpg" /></a><br />
as you can see with the lower resolution the background image remains in the center of the screen<br />
<br />
<br />
I would like to do something like that
</div>


I tried that but the background image remains in the same place no matter what wich resolution I use

check this:

resolution: 1920x1080
resolution: 1920x1080https://filedb.experts-exchange.com/incoming/2012/08_w31/594032/1920-1080.jpg

resolution: 1280x720
resolution:1280x720https://filedb.experts-exchange.com/incoming/2012/08_w31/594033/1280-720.jpg
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

1920-1080.jpg

1280-720.jpg

<div>
could this workk???<br />
<br />

<pre><code id="code-20-38256902-1">.container{
   background : url(big-image.jpg) no-repeat fixed center center transparent;
   
   width:100%;

}</code></pre>
</div>


could this workk???



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

}

<div>
it works!!<br />
<br />
thanks!!!
</div>


<div>
<div class="content wysiwyg-content">
I found this pages: <a href="http://www.altaour.com" rel="ugc">http://www.altaour.com</a>&nbsp;and <a href="http://www.fiftythree.com/paper" rel="ugc">http://www.fiftythree.com/paper</a><br />
<br />
If you change the size resolution of your browser you will see that the the image remains in the center.<br />
<br />
And also if you increase the size resolution of your browser you will see new parts of the same image<br />
<br />
I would like to know how to do that to my page.
</div>
</div>


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.

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

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.