Image 100% of width

How do I get an image to be 100% of the screen width, without creating a sideways scroll bar in lower screen resolution displays?

Cheers

[Join us @ facebook]

Just use 100% and make sure that body, html and img has margin:0 and padding:0

<img src ="/image.jpg" WIDTH=800>                                 
                                 
will stretch the image                                 
                                 
WIDTH="100%" will fill the page with the image but if it is a different resolution you could end up with the image repeating itself.                                 

Make sure the page has the resolution you need.... if the height will be bigger when the width is 100% of cours the scroller will appear..

You end up with a strecthed and poor looking image if the resolution is larger.

there's no way your page can fit any screen out there. different screens have different resolutions.

It is posible using javascript to determine client screen resolution and php to resize image to apropriate resolutions...
But what is benefits of that works. Maybe to try to set colored border arround your image, then put image in centrered div, set page background color to border color and don't worry abouth resolutions...

[Guest]

[59.811]

Googlebot, agelore