kitty_petiya
Thu 22 January 2009, 11:54 am GMT +0100
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
Cheers
Nikolas
Thu 22 January 2009, 12:06 pm GMT +0100
Just use 100% and make sure that body, html and img has margin:0 and padding:0
francis_niro
Fri 6 February 2009, 11:17 am GMT +0100
<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.
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.
elder
Thu 9 July 2009, 01:45 pm GMT +0200
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..
Chocolate_Lime
Fri 10 July 2009, 10:15 am GMT +0200
You end up with a strecthed and poor looking image if the resolution is larger.
sherman_83
Thu 16 July 2009, 04:04 pm GMT +0200
there's no way your page can fit any screen out there. different screens have different resolutions.
infoman66
Sun 5 September 2010, 12:39 pm GMT +0200
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...
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...