HTML Images vs screen resolution

[WestCoastKid]

Hey Gang,
I'm new to HTML and have a quick question. My company has put me in charge of the website and I'm having trouble getting an image to fill the entire screen.
I used photoshop to create content (a JPEG) and then loaded the content into our ISPs server.
The thing is depending on the endusers browser (IE vs Firefox on linux) the picure is sometimes very large (IE) & scroll bars will appear on the browser window to compensate, on other occasions the image is smaller (Firefox) and there is actually white space along the right side of the image.
Is there some kind of HTML code or something I can attach to the JPEG file to accomodate the endusers browser, to make the jpeg fill the entire screen leaving no white space on the side? Any suggestions?

 

[Vragabond]

Since users have different browsers, different screen resolutions and ultimately different sized browsers (not all users have it maximized) you cannot put an image on a page and claim it will fill entire screen. Your best bet would be to use it as a background -- in this case there would be no scrollbars, image would just be clipped on the bottom and right edge if user has a screen not big enough for your appetites.

<style="text/css">
body {
  margin: 0; /* ensure no white gutter exists */
  padding: 0; /* some browsers create white gutter with padding */
  background: black url(MyBigAssPicture.jpg) top left no-repeat;
}
</style>

 

[ChrisHunt]

Try this:

<img src="myimage.jpg" height="100%" width="100%" alt="My picture" title="" />

That said, it's going to be a pretty useless page if it only consists of one big image.

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd