<div>
If you are using the same browser and image and page, it should be no different coming from either place. &nbsp;By the way, no matter how you generate it, HTML with styling in CSS is the only way anything gets displayed. &nbsp;You can use PHP or any other language to generate the HTML and CSS, but HTML and CSS is all the browser understands.
</div>


<div>
Try adding <br />
<br />
display: block;<br />
margin: auto;<br />
height: 100%;<br />
width: 100%;
</div>


<div>
Found my own solution on another site.
</div>


<div>
<div class="content wysiwyg-content">
Using either PHP, HTML or CSS, how can I center an image exactly in a web page? I want to take into account that if the window gets resized, the image should still appear in the center of the windows new size.<br />
<br />
I've tried setting a background image using CSS<br />
<br />

<pre><code id="code-10-28188880-1">    body {
      background-image:url('myimage.png');
      background-position:center center;
      background-repeat:no-repeat;
    }</code></pre>
<br />
and while this looks OK in my browser if I am loading the file locally, if I upload the same page to the internet and try to view it in IE, Safari or Firefox, the image is centered horizontally, but appears to be disappearing off the top of the screen.
</div>
</div>


Using either PHP, HTML or CSS, how can I center an image exactly in a web page? I want to take into account that if the window gets resized, the image should still appear in the center of the windows new size.

I've tried setting a background image using CSS

(CODE)

and while this looks OK in my browser if I am loading the file locally, if I upload the same page to the internet and try to view it in IE, Safari or Firefox, the image is centered horizontally, but appears to be disappearing off the top of the screen.

If you are using the same browser and image and page, it should be no different coming from either place.  By the way, no matter how you generate it, HTML with styling in CSS is the only way anything gets displayed.  You can use PHP or any other language to generate the HTML and CSS, but HTML and CSS is all the browser understands.

Try adding 

display: block;
margin: auto;
height: 100%;
width: 100%;

Center image in page both horizontally and vertically

Using either PHP, HTML or CSS, how can I center an image exactly in a web page? I want to take into account that if the window gets resized, the image should still appear in the center of the windows new size.

I&#39;ve tried setting a background image using CSS

(CODE)

and while this looks OK in my browser if I am loading the file locally, if I upload the same page to the internet and try to view it in IE, Safari or Firefox, the image is centered horizontally, but appears to be disappearing off the top of the screen.

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.

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.

HTML

PHP is a widely-used server-side scripting language especially suited for web development, powering tens of millions of sites from Facebook to personal WordPress blogs. PHP is often paired with the MySQL relational database, but includes support for most other mainstream databases. By utilizing different Server APIs, PHP can work on many different web servers as a server-side scripting language.