Website resizing?

[Firefly86]

Hi guys,

Have made quit a lot of websites in the past year and am pretty good with html & css, but one thing ive never really been able to get right is website resizing.

Most of my websites contains banners or images which cant really be 'stretched'. I know of some javascript functions to detect screen size and resize but as i said, a lot of my websites are log and image based and end up looking odd when i just use simple percentages to get it to fit the screen....what do you suggest is the best way to go around this?

do you create an image per res? for example a banner for 800x600, 1024x768, 1280, 1024 etc.

Any help is appreciated

 

[TerraS]

Hi guys,

Have made quit a lot of websites in the past year and am pretty good with html & css, but one thing ive never really been able to get right is website resizing.

Most of my websites contains banners or images which cant really be 'stretched'. I know of some javascript functions to detect screen size and resize but as i said, a lot of my websites are log and image based and end up looking odd when i just use simple percentages to get it to fit the screen....what do you suggest is the best way to go around this?

do you create an image per res? for example a banner for 800x600, 1024x768, 1280, 1024 etc.

Any help is appreciated

One thing I used to do to solve this problem back in the day, was to only specify a height for the image. That way the width will be dynamically assigned by the browser. Because the aspect ratio of the image is unchanged, it didn't make the image look that bad unless you made it bigger than it's intended size. So make an image as big as you can (i.e. design it for 1280 width), then just set the height.