Will 800 pixel .gif image fit in a 640x480 monitor?

I have just one monitor at my work station. My monitor is an 800 x 600 size monitor. Therefore I cannot test the way my web site's images look on different size monitors.

I'm sure most of you have seen the newer banner advertisements on the Yahoo! dot com web site. The large ones stretch all the way from left to right on an 800 x 600 pixel monitor screen.

If I place a similar 800 pixel wide banner advertisement on my web site will the ad fit into a smaller 640x480 size monitor or will a left-right scroll bar appear on the smaller monitors screen? In other words, will the 800 pixel wide image automatically fit the smaller monitor or will 800 pixel wide image be too large for the screen?

Thank you for your assistance.

Best Regards;

Volitics

no, the image will expand the page...however using JavaScript I think you can allow different images to be shown for different screen resolutions...

Vince;

Thank you for your kind help.

Best Regards;

Volitics

actually that is wrong, it depends on a few things. If you just displaying the image, then it will be bigger then the screen, however if the path is in an img tag, you can specify the height, width. so instead of specifying the size in px, do it in percentages.

This 'should' resize the image to what ever container its in (ie: if its in a table 100x100 the image will be 100x100)

I think what Vince meant is that you can dynamically choose an image based on the users resolution settings. I've used this method a few times and it works quite well.

What you would need to do it make a smaller version of the image especially for 640x480 users (You don't need to cater for them anymore as they only make up ~2% of users. Unless of course you're doing a site especially for them).

mosts sites dont even design for 640x480 any more, not even amazon any more (some of there pages still do, but the majority dont)

even windows XP comes standard at 800 x 600 now

if you resize an image using HTML it looks all ugly and squashed which is why I said to use different images made at different sizes so you get the nicest results. anyway you shud design for 800 by 600 really because hardly anyone uses the lower resolutions and if they do they are probably used to having wide pages...

Vince, Ben, stumpy;

I've been getting the 'screen size' and the 'resolution' confused.

I'm thinking that I may not even need to bother with the resolution with regards to my web site.

On my web site I have a table, which emcompasses the entire index page of my web site, set at a width of "100%". But the smaller tables on the inside I used to have set at widths of, for example, "250" and "175" - both stated in pixels.

What got me started worrying about all of this was I was in a person's office the other day. They had a real nice LCD flat screen monitor. We looked at my web site on their monitor. The index page stretched all the way across their monitor - like it should have. But the smaller tables inside the main table were proportionately smaller. There was a lot of white space between the tables.

I quickly came home and changed all of the inside table widths to "percentages" instead of "pixels".

Please permit me to change my original question:

Can 15" monitor screens, 17" monitor screens, 19" monitor screens, and larger screens all have 800 x 600 resolutions or must a 15" screen have a 640 x 480 resolution, a 17" screen an 800 x 600 resolution, a 19" screen a 1024 x 768 resolution, and so forth?

Or in other words, is the 'resolution' only a function of the operating system and not related to the monitor size?

Thank you for your help.

Volitics

Screen size refers to the actual physical size of the monitor - and is measured in inches.

Resolution is the number of pixels on screen. Resolution is determined by the monitor and the graphics card. Usually, the bigger the monitor, the higher you'll want the resolution to be. E.g., on a 21" monitor, you want to be getting at least 1600x1200, otherwise eveything will look "pixely". Conversely, using that kind of res on a 15" monitor would be silly as you wouldn't be able to see anything. (the monitor probably wouldn't even support it.)

There are two main methods of building a website - one is to use the "stretchy" method, setting your table (or DIV's) width to percentages - this way you can utilise the entire area provided on screen, and will change depending on the users setup.

The other method is the fixed width method, where you set the table widths in pixels. Almost half of the internet's users are still using 800x600 resolution, which means that if you are going to use the fixed width method, your table should not be set wider than 770 pixels across. (you have to account for the browsers scrollbars and borders)

Hope that's cleared it all up!

I've Got It Figured Out Now

Stumpy, Vince, Ben;

Thank you for your help.

I've been tinkering with the 'Settings' in the 'Display Properties' found in the 'Control Panel' on my Windows operating system. I can change the settings from as low as 640 x 480 all the way up to 1280 x 1024.

I see how it works now.

Thank you again for your help.

Best Regards;

Volitics

or, if you use Dreamweaver MX you can change the screen size of the design window to whatever resolution you need.

Vince... I didn't know that was possible... Where in MX is that option available?

On the bottom right side of the current document you are working with in DW you should see something like this: 583x584 | 1k / 1 sec (see attachment)

If the document is maximised you can only edit the sizes but if you "restore down" (as winXP calls it ) you can choose what screen size your document should be.

It's greyed out for me... And I don't have MX maximized...

What does it actually do? I gotta figure out how to get it to work for me!

Strange!
What it does is it makes your document workspace of the right size for the given resolution(hope I'm not misunderstanding you) you are aiming at.

I'll have to fool around with it a little more... Maybe I'm not doing something properly...

I'm still fairly new to MX, so it's a new concept for me!

I'll let you know how it goes... Btw, how's the J2ME coding coming along for you?

Haven't used it for a while, finished the course and spent the last weeks programming in C#