[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 **
[WSG] New W3C article: Changing (X)HTML page encoding to UTF-8
The W3C GEO Working Group has published the FAQ-based article, which I think may be of use to people on this list: Changing (X)HTML page encoding to UTF-8 http://www.w3.org/International/questions/qa-changing-encoding by Richard Ishida, W3C Aimed at newcomers to internationalization who want to change the encoding of their (X)HTML pages, this article provides an answer to the question: How do I change the encoding of my (X)HTML pages to UTF-8? Richard Ishida W3C contact info: http://www.w3.org/People/Ishida/ W3C Internationalization: http://www.w3.org/International/ Publication blog: http://people.w3.org/rishida/blog/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Re: digest for wsg@webstandardsgroup.org
Hello, This is an automacticly generated response to your message. I will be away from my desk from Friday, August 26th, Until Tuesday, August 30th. I will be back on Wednesday, August 31st. Thank you, Mani Sheriar Sheriar Designs ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Site which only works in IE?
Good morning, I'm working on the first three pages of a new website, www.zebragraphics.co.uk/tcs, which seems to only work properly in PC IE6 and breaks in Firefox (PC Mac) and IE5, Safari and Camino on the Mac. I'm used to this being the other way around... There are working links to the 2 other pages, about.html and contact.html, the rest are unfinished and not yet uploaded. I've used 3 stylesheets, first.css which applies to the home page only, and main.css and second.css which will cover the rest of the site. (These differ only slightly, and will be chosen for each page depending on whether the navigation or content has the greater length) They are at www.zebragraphics.co.uk/tcs/styles/... The html and css all validates, except for some errors relating to a form on contact.html, (which I'm still working on) but I don't think that has any direct bearing here. Can anyone tell me what changes I need to make to please the other browsers? Many thanks, Mary ** 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] Site which only works in IE?
Mary Wright wrote: I'm working on the first three pages of a new website, www.zebragraphics.co.uk/tcs, which seems to only work properly in PC IE6 and breaks in Firefox (PC Mac) and IE5, Safari and Camino on the Mac. Can anyone tell me what changes I need to make to please the other browsers? #container {display: table;} ...looks like a good addition. regards Georg -- http://www.gunlaug.no ** 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] Site which only works in IE?
G'day I'm working on the first three pages of a new website, www.zebragraphics.co.uk/tcs, which seems to only work properly in PC IE6 and breaks in Firefox (PC Mac) and IE5, Safari and Camino on the Mac. I'm used to this being the other way around... If you're referring to the issue of the panel on the left not stretching, try adding this to the style sheet: #container:after { display: block; content: ; clear:both; height:0; } Incidentally, your use of heading elements (particularly the h6) seems a little odd. It's almost as if they were used for presentation. But maybe I'm mistaken.. Regards -- Bert Doorn, Better Web Design http://www.betterwebdesign.com.au/ Fast-loading, user-friendly websites ** 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] Site which only works in IE?
The most immediate problem is that the container that wraps around the two floated columns is not showing. This is easily fixed by clearing the floated items. More here with explanation and some possible solutions: http://www.maxdesign.com.au/presentation/workshop/slide38.cfm HTH Russ overflow: auto did the trick. Many thanks, Russ ** 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
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 **