<div>
Hello trifecta2k,<br />
<br />
Try this;<br />
<br />
&lt;html&gt;<br />
&lt;head&gt;<br />
* {padding:0;margin:0;}<br />
html, body, img {height:100%;width:100%;}<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;img src=&quot;images/beach-pictures<wbr />.jpg&quot; /&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;<br />
Regards,<br />
<br />
Steggs
</div>


Hello trifecta2k,

Try this;

<html>
<head>
* {padding:0;margin:0;}
html, body, img {height:100%;width:100%;}
</head>
<body>
<img src="images/beach-pictures.jpg" />
</body>
</html>
Regards,

Steggs

<div>
I'm getting a syntax error. &nbsp;Everything you have in the &lt;head&gt; shows up as text in IE.
</div>


I'm getting a syntax error.  Everything you have in the <head> shows up as text in IE.

<div>
Thanks. &nbsp;It works great!
</div>


<div>
<div class="content wysiwyg-content">
All I want to do is make it so that this picture is the as big as the browser. &nbsp;No bigger and no smaller. &nbsp;When the user shrinks the browser the picture should shrink. &nbsp;Here is my code: &nbsp;<br />
<br />
&lt;body bgcolor=&quot;<a href="#c0" rel="ugc">#c0</a>c0c0&quot; style=&quot;margin:0px;&quot;&gt;<br />
&lt;img src=&quot;images/beach-pictures<wbr />.jpg&quot; align=&quot;middle&quot; width=&quot;100%&quot; height=&quot;100%&quot; /&gt;<br />
&lt;/body&gt;<br />
<br />
It works perfectly when I view it with my Mac, but when its viewed on a PC it picture is larger than the screen so the user has to scroll down. &nbsp;Then if the user shrinks his browser the picture stays the same size and does not shrink with the browser. &nbsp;<br />
<br />
All I want to do is create a page with one picture and nothing else. &nbsp;No borders, no text, nothing else. &nbsp;Please help. &nbsp;I know this is easy but i need this to work asap. &nbsp;THanks again.
</div>
</div>


All I want to do is make it so that this picture is the as big as the browser.  No bigger and no smaller.  When the user shrinks the browser the picture should shrink.  Here is my code:  

<body bgcolor="#c0c0c0" style="margin:0px;">
<img src="images/beach-pictures.jpg" align="middle" width="100%" height="100%" />
</body>

It works perfectly when I view it with my Mac, but when its viewed on a PC it picture is larger than the screen so the user has to scroll down.  Then if the user shrinks his browser the picture stays the same size and does not shrink with the browser.  

All I want to do is create a page with one picture and nothing else.  No borders, no text, nothing else.  Please help.  I know this is easy but i need this to work asap.  THanks again.

Picture resizing with browser

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.