Forum Moderators: open
Is there some "trick" to getting a page that looks good in both 800 x 600 AND 1024 x 768 resolutions? The only thing I can think of is just to create the tables with percentages instead of hard coded widths.
What else? Any thoughts on this topic would be GREATLY appreciated!
Thx!
Welllll.... I suggest you begin by searching on "liquid layout" or "liquid design" here at WebmasterWorld. Then you may want to consider resizing the fonts and/or graphics on the page, so check out the javascripts related to resolution-sniffing here:
[webmasterworld.com...]
related thread I happened upon:
[webmasterworld.com...]
Yeah, watch out for Nick_W, he'll be rambling on about the "holy grail [webmasterworld.com]" and such. Totally deluded, that one.
About using javascript to resize images... Wouldn't your pics looked blurred?
Also, about using different stylesheets based on screen resolution, I see how you do that, but... what would be different with the 2 stylesheets? Would you maybe use 10pt fonts for 800x600, then use 12 pt fonts for higher resolution... Is that what they are getting at?
Not if you choose a mid-range size as the base size. (I'd show preference to the higher resolutions and use a base size that was one notch up from the exact middle of your range of coverage --we all want to ignore it, but resolution creep is a fact of life in this biz.) That way, you're scaling it less to get to either end of your range. The alternative to not rescaling your graphics and pics is that they will become flyspecs for an ever-increasing part of your audience.
>Would you maybe use 10pt fonts for 800x600, then use 12 pt fonts for higher resolution... Is that what they are getting at?
Yes, mostly, but you could do much more. For instance, why stick with the 3-column layout if the visitor has high-resolution and space to spare? During my experimentation, I added a 4th col and used a different header. I'll add that I worked with either 4 or 5 resolutions and was able to keep the page looking very close to the same on all of them --none of that switching from portrait to landscape that plagues liquid layout.
But.... what to do if your visitor has high-res but likes to keep small browsing windows on his desktop? Boggles the mind, eh?
Please remember that not all people surf the web with maximize browser window and don't plan to override it using javascript tricks and setting the browser window size automatically for it would be a bit annoying.
