Scaling images using width/height: X%/Xem can do your job, however IE
maps pixels in a truly disgusting fashion when you do this, and in any
case you'd have to use a maximum dimensions definition to stop the image
getting any bigger than its original size (which will look awful in
everything regardless).
The javascript option needn't redirect to different pages - the best
solution would be to make the image a background-image defined in CSS,
and make javascript switch CSS for different screen sizes. For example:
universal.css
body {background: 1024x768.jpg transparent center center no-repeat;}
800x600.css
body {background-image: 800x600.jpg;}
1280x1024.css
body {background-image: 1280x1024.jpg;}
Etc.
All in all I think it is quite achievable to create an image that will
look complete with a 700 px wide viewport, and still look OK when that
gets to twice as much and beyond. A outward concentric fade to black can
help if you don't have the content to make that happen.
Also, make sure the site actions, links and any info on the page, aren't
literally impeded into the image. It is quite easy, using absolute
pixel-based sizes positioning, for you to use real text and links that
will create virtually the same bitmap experience for most users. If the
worst comes to the worst, make it hidden - but keep some real non-image
content otherwise it's just going to be you and communal friends who
will ever see that page.
Regards,
Barney
bo wrote:
> Hi I am trying to design a site for a friend who owns a music store. He
> insists on having the store front picture he has as the home page. I can do
> that but my problem is how to do it so it looks fine at different
> resolutions with out having to make to different pages and using Java-script
> to send them to the correct page it takes so much to manage two different
> sites. I don't have a URL to post yet as I am still trying to design it
> locally. Can this be done? Thanks much for any help.
> Bo in Tennessee
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
Barney Carroll
Text Matters
Information design: we help explain things using
language | design | systems | process improvement
_______________________________________________________
phone +44 (0)118 918 2382 email [EMAIL PROTECTED]
web http://www.textmatters.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
