[WSG] Screen Resolution for Fluid Layouts
G-day Mates, I'm building my first site using a fluid layout, and I want the site to render properly in 800X600, but I've noticed some extremely well-crafted standards-based sites designed using liquid layouts that generate a horizontal scroll bar in 800X600. A few examples: http://abc.net.au/ http://www.watchfire.com/ http://www.stylegala.com/ This is rather confusing because SitePoint renders correctly in 800X600, and their certainly a model site, and watchfire is all about accessibility, but it fails in 800X600. Therefore I'm very curious as to what the general concensus is from my fellow standards advocates when designing sites using liguid layouts? Please advise... Respectfully yours, Mario S. Cisneros ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Screen Resolution for Fluid Layouts
Therefore I'm very curious as to what the general concensus is from my fellow standards advocates when designing sites using liguid layouts? Truely liquid layouts will look fine at any resolution. Your examples are not liquid layouts. Your first and last examples use fixed widths, and the middle one uses *cringe* tables for layout. If you must use fixed widths, you just have to decide what resolution you want your site to look best in, and wish luck to the rest. If you have a liquid layout, the question of best resolution doesn't apply. But I'm sure there will be plenty of replies to come that give you an easier answer, such as 800x600 is best.
Re: [WSG] Screen Resolution for Fluid Layouts
Hi Kenny, You're right, I made an assumption that because they stretched across the entire viewport in 1024X768 then the authors used fluid layouts, which was a mistake on my part, and next time I'll be sure to check their CSS, but it still makes my ask why they ignored 800X600. Anyway, thanks for the feedback. Kind regards, Mario Therefore I'm very curious as to what the general concensus is from my fellow standards advocates when designing sites using liguid layouts? Truely liquid layouts will look fine at any resolution. Your examples are not liquid layouts. Your first and last examples use fixed widths, and the middle one uses *cringe* tables for layout. If you must use fixed widths, you just have to decide what resolution you want your site to look best in, and wish luck to the rest. If you have a liquid layout, the question of best resolution doesn't apply. But I'm sure there will be plenty of replies to come that give you an easier answer, such as 800x600 is best. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Screen Resolution for Fluid Layouts
One thing to consider is your audience. If your site is all about graphics, chances are that the people going to your site are NOT blind and also that no designer in the world that does graphic design is going to have a 800x600 monitor resolution so in this case, it would be perfectly fine and you probably won't get much guff from people about it. A school learning site for kids and schools you might need to make it work properly for 800x600 as there are schools that don't have the money to upgrade their monitors or they keep them at low resolutions so the text is larger for the visually challenged as well. These are all things to consider. Buddy -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of [EMAIL PROTECTED] Sent: Saturday, August 27, 2005 2:16 AM To: wsg@webstandardsgroup.org Cc: [EMAIL PROTECTED] Subject: Re: [WSG] Screen Resolution for Fluid Layouts Hi Kenny, You're right, I made an assumption that because they stretched across the entire viewport in 1024X768 then the authors used fluid layouts, which was a mistake on my part, and next time I'll be sure to check their CSS, but it still makes my ask why they ignored 800X600. Anyway, thanks for the feedback. Kind regards, Mario Therefore I'm very curious as to what the general concensus is from my fellow standards advocates when designing sites using liguid layouts? Truely liquid layouts will look fine at any resolution. Your examples are not liquid layouts. Your first and last examples use fixed widths, and the middle one uses *cringe* tables for layout. If you must use fixed widths, you just have to decide what resolution you want your site to look best in, and wish luck to the rest. If you have a liquid layout, the question of best resolution doesn't apply. But I'm sure there will be plenty of replies to come that give you an easier answer, such as 800x600 is best. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Screen Resolution for Fluid Layouts
and also that no designer in the world that does graphic design is going to have a 800x600 monitor resolution I still can't get this implication between resolution (2560x1024 in my case) and the size of viewport in browser (max. 900-1000px wide in my case) - see http://tmp.anum.biz/Image44.png (screenshot of my desktop) - none of the browser windows there is wider. Can you imagine reading web sites in fullscreen browsers there? -- Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Screen Resolution for Fluid Layouts
On Sat, 27 Aug 2005 18:42:37 +0200, Jan Brasna wrote: I still can't get this implication between resolution (2560x1024 in my case) and the size of viewport in browser (max. 900-1000px wide in my case) - see http://tmp.anum.biz/Image44.png (screenshot of my desktop) - none of the browser windows there is wider. Can you imagine reading web sites in fullscreen browsers there? I have a webbug on most of my sites to track browser and window size. I got a nice sample this month from one of them (I really must get around to amalgamating cross site one day) with over 200 page views at 1280 and greater (ok, 197 at 1280 and 5 between 1344 and 1856, but still...) 167 of those views (including the one at 1856) were at 100% (ie 95% - the scrollbar seems to do weird things to the figure...) Another 35 were = 74% of the screen. Honestly, it doesn't seem to matter how big the screen is. Jo(e) Public surfs at 100%. I don't like it, but its true. warmly, Lea -- Lea de Groot Elysian Systems - http://elysiansystems.com/ Brisbane, Australia ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Screen Resolution for Fluid Layouts
Lea de Groot said: Honestly, it doesn't seem to matter how big the screen is. Jo(e) Public surfs at 100%. I don't like it, but its true. For the number of years I've been building sites (over 6 years full time) I'm struggling to remember ever seeing a client or user (as opposed to a designer or developer) on Windows with anything *other* than their screen maximised at 100%. Maybe I just don't get out enough? :) Mike ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
