Re: [WSG] Box model in IE7
On 2009/04/24 20:34 (GMT+1000) daniel a. thornbury composed: On 24/04/2009, at 7:47 PM, Rimantas Liubertas wrote: And there is NOTHING wrong with pixel sizes. On 2009/04/24 12:47 (GMT+0300) Rimantas Liubertas composed: On the contrary, everything is wrong with pixel sizing fonts, because any size in px totally disregards the size the visitor has set in his browser prefs, I wouldn't agree with Felix's statement at all, and tend to think Rimantas is correct - there is NOTHING wrong with px font sizes. They are not absolute According to the CSS spec, it is correct that px font sizes are not absolute. However, what it says is that px is relative to the viewing device. Well, that's little short of an oxymoron. On modern flat panel displays, you don't change the display, nor its resolution. As a consequence, on any given system with such a display, px is functionally absolute - it is what it is and you don't get to change it. and browsers are able to modify the size... The whole point of a browser having a default size that is independent of everything else on the desktop is that the user can personalize it to best suit his needs. Whatever the size is that he makes it should be respected by the web designer as best suited to the majority of the content. ...without any problems. Hardly. Designers have different ideas about right size. It's not particularly often that one can browse from one web site to another unrelated one, and find that the fonts are not different in size. If OTOH most designers were respecting user personalization, most fonts on most sites would be pretty much just as the user prefers them, and the defenses of minimum font size, style disabling, and zoom, would rarely be needed. Likewise, font sizes are irrelevant for accessibility. All accessibility software and screen readers should be able to scale the fonts accordingly, if not then it's an issue with the accessibility software. It's easier to keep track of em and percentage sizes for site wide but px is You've jumped over a huge web-using population, those between those with perfect and near-perfect vision, and those requiring assistive technology. Accessibility isn't just about special software and hardware to create accessibility for those with extreme handicaps. Far more people have mild to moderate visual limitation. For these people, this is very much an accessibility issue. People in this category don't need special hardware or software. The tools that can work for them are part of standard operating systems and browsers in the form of personalization features. All they need for those personalizations to work satisfactorily is for designers to respect them. Since designing totally in px totally disregards those personalizations, and even disregards the settings shipped by the system vendors, px designs are de facto non-accessible, and offensive. To access such sites, it is necessary to employ the above enumerated defense mechanisms. Without the offense, the defense would not be necessary. Joe Clarke gave a great presentation on this at @media 2007 titled When Web Accessibility Is Not Your Problem, notes available here: http://joeclark.org/appearances/atmedia2007/#fonts That's largely a dishonest defense of laziness, and rudeness. To say that CSS is mere suggestion is certainly correct technically. In the real world it is not. It is much too difficult to competently disregard the suggestions, which transforms CSS from suggestion to compulsion for the vast majority of web surfers. -- A fool gives full vent to his anger, but a wise man keeps himself under control. Proverbs 29:11 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://fm.no-ip.com/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Box model in IE7
Personally, I think there should have been a companion article explaining why designers can't write code. This is a classic example: the whole point of setting the base font size to this value is to make the maths easier when sizing all other font rules; but that itself exposes the fact that the designer is still basically designing with Pixel sizes! Under those circumstances, I would tend to encourage the use of sizes in percentages, after a global reset to 100%. But then, I am a developer, and think that Design Types shouldn't be allowed anywhere near an angle bracket - for their own good: they are too sharp for the un-trained hand. Mike -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of CK Sent: 24 April 2009 00:57 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Box model in IE7 Hi, Would you elaborate on why the CSS rule invalidates the article? As it appears the authors explanation is sound. html { font-size: 62.5%; } *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7
On 2009/04/24 12:47 (GMT+0300) Rimantas Liubertas composed: And there is NOTHING wrong with pixel sizes. On the contrary, everything is wrong with pixel sizing fonts, because any size in px totally disregards the size the visitor has set in his browser prefs, and thus cannot be expected to be pleasant, or even legible. The worst feature of the CSS legacy given designers last century is this ability to totally disregard the wishes of the visitor by sizing in px. OTOH, fonts sized to medium (1em, 100%) have a reasonable, if not high, and thus much better, chance of being exactly perfect for the visitor. -- He who works his land will have abundant food, but the one who chases fantasies will have his fill of poverty. Proverbs 28:19 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://fm.no-ip.com/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7
My point was that sizing to 62.5% is to make it easy to convert from pixels to ems. Who cares about 'easy pixel conversion'? Make it look good and accessible no matter what numbers you are using. Pixels are no good and % can be misleading. I personally stick to ems on everything. --Original Message-- From: Felix Miata Sender: li...@webstandardsgroup.org To: wsg@webstandardsgroup.org ReplyTo: wsg@webstandardsgroup.org Subject: Re: [WSG] Box model in IE7 Sent: Apr 24, 2009 11:11 AM On 2009/04/24 12:47 (GMT+0300) Rimantas Liubertas composed: And there is NOTHING wrong with pixel sizes. On the contrary, everything is wrong with pixel sizing fonts, because any size in px totally disregards the size the visitor has set in his browser prefs, and thus cannot be expected to be pleasant, or even legible. The worst feature of the CSS legacy given designers last century is this ability to totally disregard the wishes of the visitor by sizing in px. OTOH, fonts sized to medium (1em, 100%) have a reasonable, if not high, and thus much better, chance of being exactly perfect for the visitor. -- He who works his land will have abundant food, but the one who chases fantasies will have his fill of poverty. Proverbs 28:19 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://fm.no-ip.com/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** Sent from my BlackBerry® wireless device *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7
On 24/04/2009, at 7:47 PM, Rimantas Liubertas wrote: And there is NOTHING wrong with pixel sizes. On 2009/04/24 12:47 (GMT+0300) Rimantas Liubertas composed: On the contrary, everything is wrong with pixel sizing fonts, because any size in px totally disregards the size the visitor has set in his browser prefs, I wouldn't agree with Felix's statement at all, and tend to think Rimantas is correct - there is NOTHING wrong with px font sizes. They are not absolute and browsers are able to modify the size without any problems. You are merely suggesting the font size. i.e.: increasing the preferred font size in the browser still adjusts pxs - if the browser does not behave this way then it's a browser problem, not the designers. Likewise, font sizes are irrelevant for accessibility. All accessibility software and screen readers should be able to scale the fonts accordingly, if not then it's an issue with the accessibility software. It's easier to keep track of em and percentage sizes for site wide but px is Joe Clarke gave a great presentation on this at @media 2007 titled When Web Accessibility Is Not Your Problem, notes available here: http://joeclark.org/appearances/atmedia2007/#fonts ~ daniel a. thornbury *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7
Font sizes should be judged by eye and tested with users to see if they can be read and look pleasing. Whether the font is 12px or 13px should be irrelevant. You have to final judgement by eye and resets will just add extra code to pages and make firebug work trickier. --Original Message-- From: michael.brocking...@bt.com Sender: li...@webstandardsgroup.org To: wsg@webstandardsgroup.org ReplyTo: wsg@webstandardsgroup.org Subject: RE: [WSG] Box model in IE7 Sent: Apr 24, 2009 10:21 AM Personally, I think there should have been a companion article explaining why designers can't write code. This is a classic example: the whole point of setting the base font size to this value is to make the maths easier when sizing all other font rules; but that itself exposes the fact that the designer is still basically designing with Pixel sizes! Under those circumstances, I would tend to encourage the use of sizes in percentages, after a global reset to 100%. But then, I am a developer, and think that Design Types shouldn't be allowed anywhere near an angle bracket - for their own good: they are too sharp for the un-trained hand. Mike -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of CK Sent: 24 April 2009 00:57 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Box model in IE7 Hi, Would you elaborate on why the CSS rule invalidates the article? As it appears the authors explanation is sound. html { font-size: 62.5%; } *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** Sent from my BlackBerry® wireless device *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7
Personally, I think there should have been a companion article explaining why designers can't write code. That would be the very wrong article. This is a classic example: the whole point of setting the base font size to this value is to make the maths easier when sizing all other font rules; but that itself exposes the fact that the designer is still basically designing with Pixel sizes! And there is NOTHING wrong with pixel sizes. Some myths just never die. Under those circumstances, I would tend to encourage the use of sizes in percentages, after a global reset to 100%. But then, I am a developer, and think that Design Types shouldn't be allowed anywhere near an angle bracket - for their own good: they are too sharp for the un-trained hand. So you say Dave Shea, Dan Cederholm, Douglas Bowman, Dunstan Orchard and other should not be allowed to write code? What a pity, they could teach a thing or two 99.999% of developer types out there. And yes, I am a developer. Regards, Rimantas -- http://rimantas.com/ Mike -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of CK Sent: 24 April 2009 00:57 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Box model in IE7 Hi, Would you elaborate on why the CSS rule invalidates the article? As it appears the authors explanation is sound. html { font-size: 62.5%; } *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7
On Apr 24, 2009, at 2:21 AM, michael.brocking...@bt.com michael.brocking...@bt.com wrote: Personally, I think there should have been a companion article explaining why designers can't write code. And they love to say there is a good reason why developers shouldn't touch design :-) Let's do a calculation on a cost on how website being built. 60/h (euro, us#, au$ or whatever) for a X year experience CSS coder 100/h for a designer ( X year experience) 120/h for a js programmer ( X year experience) 150/h for a php programmer ( X year experience) Oh my, there is no budget left for accessibility and usability gurus. No wonder these two areas are left out from 99% of the sites out there on the internet because they think designers shouldn't touch code and developers shouldn't touch design. tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Box model in IE7
Tee, My original comment was meant to be taken light-heartedly, but was also taken in direct response to the article quoted by CK: Why Programmers Suck at CSS Design http://www.betaversion.org/~stefano/linotype/news/169/ Your comment itself seems to be contradicting itself: If developers _are_ allowed to touch design, then should they not also be allowed to touch on accessibility? Does one _have_ to be a certified usability expert before altering an alt attribute? A sensible balance is the order of the day in all circumstances - extremists must DIE !! Mike *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7
CSS coder, JS coder, PHP coder and designer should all be very familiar with accessibility principles. Developing non-accessible systems is like making a family car which can only drive on tarmac surface, but as soon as it hits anything else grinds to a holt. That's just plain old wrong. This year we are having to consider more and more user agents and access devices: BlackBerry, EEEPC type tools, iPhone, soon to come surface, Linux/Windows/Mac, various types of web enables mobiles. Accessibility is therefore becoming more and more relevant with time. On Fri, Apr 24, 2009 at 11:38 AM, tee weblis...@gmail.com wrote: On Apr 24, 2009, at 2:21 AM, michael.brocking...@bt.com michael.brocking...@bt.com wrote: Personally, I think there should have been a companion article explaining why designers can't write code. And they love to say there is a good reason why developers shouldn't touch design :-) Let's do a calculation on a cost on how website being built. 60/h (euro, us#, au$ or whatever) for a X year experience CSS coder 100/h for a designer ( X year experience) 120/h for a js programmer ( X year experience) 150/h for a php programmer ( X year experience) Oh my, there is no budget left for accessibility and usability gurus. No wonder these two areas are left out from 99% of the sites out there on the internet because they think designers shouldn't touch code and developers shouldn't touch design. tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Jason Grant BSc, MSc CEO, Flexewebs Ltd. www.flexewebs.com ja...@flexewebs.com +44 (0)7748 591 770 Company no.: 5587469 www.flexewebs.com/semantix www.twitter.com/flexewebs www.linkedin.com/in/flexewebs *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7
If a developer is able to do something about making interfaces work well in non standards compliant user agent without breaking standards, they should absolutely do so. Most of the time this requires little or no work at all. Font sizing is a simple issue and it is easy to cater for all user agents with simple approaches. Users come first, developers second. Make sure users have best experience under all (relevant) circumstances. On Fri, Apr 24, 2009 at 11:34 AM, daniel a. thornbury hellodan...@mac.comwrote: On 24/04/2009, at 7:47 PM, Rimantas Liubertas wrote: And there is NOTHING wrong with pixel sizes. On 2009/04/24 12:47 (GMT+0300) Rimantas Liubertas composed: On the contrary, everything is wrong with pixel sizing fonts, because any size in px totally disregards the size the visitor has set in his browser prefs, I wouldn't agree with Felix's statement at all, and tend to think Rimantas is correct - there is NOTHING wrong with px font sizes. They are not absolute and browsers are able to modify the size without any problems. You are merely suggesting the font size. i.e.: increasing the preferred font size in the browser still adjusts pxs - if the browser does not behave this way then it's a browser problem, not the designers. Likewise, font sizes are irrelevant for accessibility. All accessibility software and screen readers should be able to scale the fonts accordingly, if not then it's an issue with the accessibility software. It's easier to keep track of em and percentage sizes for site wide but px is Joe Clarke gave a great presentation on this at @media 2007 titled When Web Accessibility Is Not Your Problem, notes available here: http://joeclark.org/appearances/atmedia2007/#fonts ~ daniel a. thornbury *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Jason Grant BSc, MSc CEO, Flexewebs Ltd. www.flexewebs.com ja...@flexewebs.com +44 (0)7748 591 770 Company no.: 5587469 www.flexewebs.com/semantix www.twitter.com/flexewebs www.linkedin.com/in/flexewebs *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7
Getting back on subject, I do not think the box model has been fixed in IE7, but I do not know for sure. You might try adding margin for separation with containing div tags in browsers. -- Brett P. Is the box model in IE7 still messed up? I thought they sorted it? I am floating a div to the right with a width of 50%. The div to the left has a right margin of 50%. I've put a 1px solid border on both of them. In IE7 there is a gap between them but in Firefox they are right against each other. Go figure? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7
Getting back on subject, I do not think the box model has been fixed in IE7, but I do not know for sure. You might try adding margin for separation with containing div tags in browsers. Once again: box model was fixed in IE6, given your page has proper doctype (and nothing above it). http://msdn.microsoft.com/en-us/library/bb250395.aspx#cssenhancements_topic3 Regards, Rimantas -- http://rimantas.com/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7
Well, good deal then. :) -- Brett P. On Fri, Apr 24, 2009 at 10:08 AM, Rimantas Liubertas riman...@gmail.comwrote: Getting back on subject, I do not think the box model has been fixed in IE7, but I do not know for sure. You might try adding margin for separation with containing div tags in browsers. Once again: box model was fixed in IE6, given your page has proper doctype (and nothing above it). http://msdn.microsoft.com/en-us/library/bb250395.aspx#cssenhancements_topic3 Regards, Rimantas -- http://rimantas.com/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7
I am using the following doctype: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; Correct me if I'm wrong but this switches on standards-compliant mode doesn't it? I'll maybe need to strip down my web page to try and work out what's going on. To be honest though it doesn't affect the web site, I am just curious as to the slightly different gaps in IE7 from Firefox. Stephen - Original Message - From: Rimantas Liubertas riman...@gmail.com To: wsg@webstandardsgroup.org Sent: Friday, April 24, 2009 3:08 PM Subject: Re: [WSG] Box model in IE7 Getting back on subject, I do not think the box model has been fixed in IE7, but I do not know for sure. You might try adding margin for separation with containing div tags in browsers. Once again: box model was fixed in IE6, given your page has proper doctype (and nothing above it). http://msdn.microsoft.com/en-us/library/bb250395.aspx#cssenhancements_topic3 Regards, Rimantas *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7
Chris F.A. Johnson wrote: We were told in the past by a massive client that for accessibility purposes font sizes needed to be set to 74% as a minimum as the basic reading size below which it's a straign on the eyes. To answer the O.P. question about IE box sizing-- I think the issue has more to do with IE's lack of mathematical ability than with box sizing, as the extra width on those boxes caused by the border should still make them 50% with the 'old' box model. The borders make them a tad larger in 'standards' mode, so in neither case should there be a gap. But I can't resist replying to this: On Fri, 24 Apr 2009, Jason Grant wrote: 74% is 26% smaller than the viewer's preferred size, IOW, it's too small. Yes, I agree somewhat. But an 'em' at 100% is normally 16 x 16 = 256px total while 75% is 12 x 12 = 144px. It seems to me that 144 / 256 is closer to half size, no? Setting body { font-size: 100% } leaves the font at the viewer's preferred size and prevents some IE weirdness. Not only. Browsers with minimum font size set have problems, as more than one article cited in this thread clearly demonstrates. Some browsers install with a minimum size set by default, so the issue is more than academic. Cordially, David -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7
Is the box model in IE7 still messed up? I thought they sorted it? Box model was fixed in IE6 (with apropriate doctype). I am floating a div to the right with a width of 50%. The div to the left has a right margin of 50%. I've put a 1px solid border on both of them. In IE7 there is a gap between them but in Firefox they are right against each other. Go figure? May be some rounding issues. Regards, Rimantas -- http://rimantas.com/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7
Is there a problem with the DocType I'm using? Thanks, Stephen - Original Message - From: Stevio To: wsg@webstandardsgroup.org Sent: Thursday, April 23, 2009 1:30 AM Subject: Re: [WSG] Box model in IE7 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; - Original Message - From: Luke Hoggett Sent: Thursday, April 23, 2009 12:45 AM HI, What doctype are you using? cheers Luke Stevio wrote: Is the box model in IE7 still messed up? I thought they sorted it? I am floating a div to the right with a width of 50%. The div to the left has a right margin of 50%. I've put a 1px solid border on both of them. In IE7 there is a gap between them but in Firefox they are right against each other. Go figure? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7
S, See this article from Links for light Reading scrolling down a bit you'll find a JS solution that may prove useful: Why Programmers Suck at CSS Design http://www.betaversion.org/~stefano/linotype/news/169/ C On Apr 22, 2009, at 4:18 PM, Stevio wrote: Is the box model in IE7 still messed up? I thought they sorted it? I am floating a div to the right with a width of 50%. The div to the left has a right margin of 50%. I've put a 1px solid border on both of them. In IE7 there is a gap between them but in Firefox they are right against each other. Go figure? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7
On Thu, 23 Apr 2009, Christopher Kennon wrote: S, See this article from Links for light Reading scrolling down a bit you'll find a JS solution that may prove useful: Why Programmers Suck at CSS Design http://www.betaversion.org/~stefano/linotype/news/169/ That article ceased to be credible as soon as I saw: My suggestion for you is to do the following: start your CSS stylesheet with html { font-size: 62.5%; } On Apr 22, 2009, at 4:18 PM, Stevio wrote: Is the box model in IE7 still messed up? I thought they sorted it? It is fixed in standards mode, but I think it uses the broken model in quirks mode. I am floating a div to the right with a width of 50%. The div to the left has a right margin of 50%. I've put a 1px solid border on both of them. In IE7 there is a gap between them but in Firefox they are right against each other. Go figure? -- Chris F.A. Johnson, webmaster http://woodbine-gerrard.com === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Box model in IE7
Can you clarify what your issue is regarding setting font size to 62.5%? Just curious. Wondering if I'm missing something here. Janice -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Chris F.A. Johnson Sent: Thursday, April 23, 2009 11:28 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Box model in IE7 On Thu, 23 Apr 2009, Christopher Kennon wrote: S, See this article from Links for light Reading scrolling down a bit you'll find a JS solution that may prove useful: Why Programmers Suck at CSS Design http://www.betaversion.org/~stefano/linotype/news/169/ That article ceased to be credible as soon as I saw: My suggestion for you is to do the following: start your CSS stylesheet with html { font-size: 62.5%; } *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Box model in IE7
On Thu, 23 Apr 2009, Janice Schwarz wrote: Can you clarify what your issue is regarding setting font size to 62.5%? Just curious. Wondering if I'm missing something here. http://bergamotus.ws/misc/sensible-css-text-sizing.html -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Chris F.A. Johnson Sent: Thursday, April 23, 2009 11:28 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Box model in IE7 On Thu, 23 Apr 2009, Christopher Kennon wrote: S, See this article from Links for light Reading scrolling down a bit you'll find a JS solution that may prove useful: Why Programmers Suck at CSS Design http://www.betaversion.org/~stefano/linotype/news/169/ That article ceased to be credible as soon as I saw: My suggestion for you is to do the following: start your CSS stylesheet with html { font-size: 62.5%; } *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Chris F.A. Johnson, webmaster http://woodbine-gerrard.com === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7
Hi, Would you elaborate on why the CSS rule invalidates the article? As it appears the authors explanation is sound. html { font-size: 62.5%; } CK On Apr 23, 2009, at 11:28 AM, Chris F.A. Johnson wrote: On Thu, 23 Apr 2009, Christopher Kennon wrote: S, See this article from Links for light Reading scrolling down a bit you'll find a JS solution that may prove useful: Why Programmers Suck at CSS Design http://www.betaversion.org/~stefano/linotype/news/169/ That article ceased to be credible as soon as I saw: My suggestion for you is to do the following: start your CSS stylesheet with html { font-size: 62.5%; } On Apr 22, 2009, at 4:18 PM, Stevio wrote: Is the box model in IE7 still messed up? I thought they sorted it? It is fixed in standards mode, but I think it uses the broken model in quirks mode. I am floating a div to the right with a width of 50%. The div to the left has a right margin of 50%. I've put a 1px solid border on both of them. In IE7 there is a gap between them but in Firefox they are right against each other. Go figure? -- Chris F.A. Johnson, webmaster http://woodbine-gerrard.com === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7
I have always been told to use something along the lines of either body { font-size: 100%; /* a fix for internet explorer */ } because of the way IE reads/sizes font. Starting out with html at only 62.5% font-sizing would completely mess up IE and the font in the browser would it not? -- Brett P. On Thu, Apr 23, 2009 at 7:56 PM, CK jobs@bushidodeep.com wrote: Hi, Would you elaborate on why the CSS rule invalidates the article? As it appears the authors explanation is sound. html { font-size: 62.5%; } CK On Apr 23, 2009, at 11:28 AM, Chris F.A. Johnson wrote: On Thu, 23 Apr 2009, Christopher Kennon wrote: S, See this article from Links for light Reading scrolling down a bit you'll find a JS solution that may prove useful: Why Programmers Suck at CSS Design http://www.betaversion.org/~stefano/linotype/news/169/http://www.betaversion.org/%7Estefano/linotype/news/169/ That article ceased to be credible as soon as I saw: My suggestion for you is to do the following: start your CSS stylesheet with html { font-size: 62.5%; } On Apr 22, 2009, at 4:18 PM, Stevio wrote: Is the box model in IE7 still messed up? I thought they sorted it? It is fixed in standards mode, but I think it uses the broken model in quirks mode. I am floating a div to the right with a width of 50%. The div to the left has a right margin of 50%. I've put a 1px solid border on both of them. In IE7 there is a gap between them but in Firefox they are right against each other. Go figure? -- Chris F.A. Johnson, webmaster http://woodbine-gerrard.com === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Box model in IE7
Ah, ok. Either that person is misunderstanding the technique or I've just never seen anyone actually leave all text on a site at that size when I've seen it used. Ideally, you set that (62.5%) as the base font size. Then you apply specific formatting to the rest of the site (headers, body text, etc.) so that text is not actually that tiny. Preferably using using scaleable sizing. *I* can't read text at that size either. :-) -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Chris F.A. Johnson Sent: Thursday, April 23, 2009 3:22 PM To: wsg@webstandardsgroup.org Subject: RE: [WSG] Box model in IE7 On Thu, 23 Apr 2009, Janice Schwarz wrote: Can you clarify what your issue is regarding setting font size to 62.5%? Just curious. Wondering if I'm missing something here. http://bergamotus.ws/misc/sensible-css-text-sizing.html -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Chris F.A. Johnson Sent: Thursday, April 23, 2009 11:28 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Box model in IE7 On Thu, 23 Apr 2009, Christopher Kennon wrote: S, See this article from Links for light Reading scrolling down a bit you'll find a JS solution that may prove useful: Why Programmers Suck at CSS Design http://www.betaversion.org/~stefano/linotype/news/169/ That article ceased to be credible as soon as I saw: My suggestion for you is to do the following: start your CSS stylesheet with html { font-size: 62.5%; } *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Chris F.A. Johnson, webmaster http://woodbine-gerrard.com === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7 Font Sizes
Hi, The following excerpt from the aforementioned article appears to account for the IE issue. --From The Article-- Em vs. Px We can talk about this forever, but you probably don’t care. My suggestion for you is to do the following: start your CSS stylesheet with html { font-size: 62.5%; } This apparently bizarre number brings your standard font size so that 1em = 10px (This is because the default size for ‘medium’ text in all modern browsers is 16px). And from that point on, you can easily use ‘em’ all over your stylesheet, even if you wanted to use pixels, simply by dividing by 10. This doesn’t mean that pixels have no use: I tend to use pixels for things like borders and for padding/margin of images that have fixed sizes. But never for fonts or for padding/margins around text. It all boils down to this: using ems will make your life a lot easier when dealing with cross-browser and cross-OS font rendering issues, so stick with that and be consistent throughout your CSS design and you’ll skip all sort of pain later. On Apr 23, 2009, at 5:12 PM, Brett Patterson wrote: I have always been told to use something along the lines of either body { font-size: 100%; /* a fix for internet explorer */ } because of the way IE reads/sizes font. Starting out with html at only 62.5% font-sizing would completely mess up IE and the font in the browser would it not? -- Brett P. On Thu, Apr 23, 2009 at 7:56 PM, CK jobs@bushidodeep.com wrote: Hi, Would you elaborate on why the CSS rule invalidates the article? As it appears the authors explanation is sound. html { font-size: 62.5%; } CK On Apr 23, 2009, at 11:28 AM, Chris F.A. Johnson wrote: On Thu, 23 Apr 2009, Christopher Kennon wrote: S, See this article from Links for light Reading scrolling down a bit you'll find a JS solution that may prove useful: Why Programmers Suck at CSS Design http://www.betaversion.org/~stefano/linotype/news/169/ That article ceased to be credible as soon as I saw: My suggestion for you is to do the following: start your CSS stylesheet with html { font-size: 62.5%; } On Apr 22, 2009, at 4:18 PM, Stevio wrote: Is the box model in IE7 still messed up? I thought they sorted it? It is fixed in standards mode, but I think it uses the broken model in quirks mode. I am floating a div to the right with a width of 50%. The div to the left has a right margin of 50%. I've put a 1px solid border on both of them. In IE7 there is a gap between them but in Firefox they are right against each other. Go figure? -- Chris F.A. Johnson, webmaster http://woodbine-gerrard.com === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7
We were told in the past by a massive client that for accessibility purposes font sizes needed to be set to 74% as a minimum as the basic reading size below which it's a straign on the eyes. I personally don't mess with browser defaults and don't tend to use resets, but for minimal purposes only. On Fri, Apr 24, 2009 at 1:12 AM, Brett Patterson inspiron.patters...@gmail.com wrote: I have always been told to use something along the lines of either body { font-size: 100%; /* a fix for internet explorer */ } because of the way IE reads/sizes font. Starting out with html at only 62.5% font-sizing would completely mess up IE and the font in the browser would it not? -- Brett P. On Thu, Apr 23, 2009 at 7:56 PM, CK jobs@bushidodeep.com wrote: Hi, Would you elaborate on why the CSS rule invalidates the article? As it appears the authors explanation is sound. html { font-size: 62.5%; } CK On Apr 23, 2009, at 11:28 AM, Chris F.A. Johnson wrote: On Thu, 23 Apr 2009, Christopher Kennon wrote: S, See this article from Links for light Reading scrolling down a bit you'll find a JS solution that may prove useful: Why Programmers Suck at CSS Design http://www.betaversion.org/~stefano/linotype/news/169/http://www.betaversion.org/%7Estefano/linotype/news/169/ That article ceased to be credible as soon as I saw: My suggestion for you is to do the following: start your CSS stylesheet with html { font-size: 62.5%; } On Apr 22, 2009, at 4:18 PM, Stevio wrote: Is the box model in IE7 still messed up? I thought they sorted it? It is fixed in standards mode, but I think it uses the broken model in quirks mode. I am floating a div to the right with a width of 50%. The div to the left has a right margin of 50%. I've put a 1px solid border on both of them. In IE7 there is a gap between them but in Firefox they are right against each other. Go figure? -- Chris F.A. Johnson, webmaster http://woodbine-gerrard.com === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Jason Grant BSc, MSc CEO, Flexewebs Ltd. www.flexewebs.com ja...@flexewebs.com +44 (0)7748 591 770 Company no.: 5587469 www.flexewebs.com/semantix www.twitter.com/flexewebs www.linkedin.com/in/flexewebs *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7
Just a little comment: usually I will put the font-size: 62.5% on the body element instead of the HTML element. Doing it this way I've never had an issue, even in IE (back to at least 5.5). Placing it on the HTML element seems a bit goofy to me since the HTML element can never have font anyways. Brett Patterson wrote: I have always been told to use something along the lines of either body { font-size: 100%; /* a fix for internet explorer */ } because of the way IE reads/sizes font. Starting out with html at only 62.5% font-sizing would completely mess up IE and the font in the browser would it not? -- Brett P. On Thu, Apr 23, 2009 at 7:56 PM, CK jobs@bushidodeep.com mailto:jobs@bushidodeep.com wrote: Hi, Would you elaborate on why the CSS rule invalidates the article? As it appears the authors explanation is sound. html { font-size: 62.5%; } CK On Apr 23, 2009, at 11:28 AM, Chris F.A. Johnson wrote: On Thu, 23 Apr 2009, Christopher Kennon wrote: S, See this article from Links for light Reading scrolling down a bit you'll find a JS solution that may prove useful: Why Programmers Suck at CSS Design http://www.betaversion.org/~stefano/linotype/news/169/ http://www.betaversion.org/%7Estefano/linotype/news/169/ That article ceased to be credible as soon as I saw: My suggestion for you is to do the following: start your CSS stylesheet with html { font-size: 62.5%; } On Apr 22, 2009, at 4:18 PM, Stevio wrote: Is the box model in IE7 still messed up? I thought they sorted it? It is fixed in standards mode, but I think it uses the broken model in quirks mode. I am floating a div to the right with a width of 50%. The div to the left has a right margin of 50%. I've put a 1px solid border on both of them. In IE7 there is a gap between them but in Firefox they are right against each other. Go figure? -- Chris F.A. Johnson, webmaster http://woodbine-gerrard.com === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org mailto:memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org mailto:memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Christian Snodgrass CEO - Azure Ronin http://www.arwebdesign.net http://www.htmlblox.com Phone: 859.816.7955 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7
Well, according to the rules as I have read, Browser font-sizing takes precedence in certain circumstances...so, if the user's font-size is 14pt. then that means the body text font-size will be 62.5% of that. This goes in according to the rules of inheritance...I have never actually seen anyone set font-size in html, let alone at 62.5% or 74%. But I have, however, seen it at body at 100%. -- Brett P. On Thu, Apr 23, 2009 at 8:28 PM, Jason Grant ja...@flexewebs.com wrote: We were told in the past by a massive client that for accessibility purposes font sizes needed to be set to 74% as a minimum as the basic reading size below which it's a straign on the eyes. I personally don't mess with browser defaults and don't tend to use resets, but for minimal purposes only. On Fri, Apr 24, 2009 at 1:12 AM, Brett Patterson inspiron.patters...@gmail.com wrote: I have always been told to use something along the lines of either body { font-size: 100%; /* a fix for internet explorer */ } because of the way IE reads/sizes font. Starting out with html at only 62.5% font-sizing would completely mess up IE and the font in the browser would it not? -- Brett P. On Thu, Apr 23, 2009 at 7:56 PM, CK jobs@bushidodeep.com wrote: Hi, Would you elaborate on why the CSS rule invalidates the article? As it appears the authors explanation is sound. html { font-size: 62.5%; } CK On Apr 23, 2009, at 11:28 AM, Chris F.A. Johnson wrote: On Thu, 23 Apr 2009, Christopher Kennon wrote: S, See this article from Links for light Reading scrolling down a bit you'll find a JS solution that may prove useful: Why Programmers Suck at CSS Design http://www.betaversion.org/~stefano/linotype/news/169/http://www.betaversion.org/%7Estefano/linotype/news/169/ That article ceased to be credible as soon as I saw: My suggestion for you is to do the following: start your CSS stylesheet with html { font-size: 62.5%; } On Apr 22, 2009, at 4:18 PM, Stevio wrote: Is the box model in IE7 still messed up? I thought they sorted it? It is fixed in standards mode, but I think it uses the broken model in quirks mode. I am floating a div to the right with a width of 50%. The div to the left has a right margin of 50%. I've put a 1px solid border on both of them. In IE7 there is a gap between them but in Firefox they are right against each other. Go figure? -- Chris F.A. Johnson, webmaster http://woodbine-gerrard.com === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Jason Grant BSc, MSc CEO, Flexewebs Ltd. www.flexewebs.com ja...@flexewebs.com +44 (0)7748 591 770 Company no.: 5587469 www.flexewebs.com/semantix www.twitter.com/flexewebs www.linkedin.com/in/flexewebs *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7
On Fri, 24 Apr 2009, Jason Grant wrote: We were told in the past by a massive client that for accessibility purposes font sizes needed to be set to 74% as a minimum as the basic reading size below which it's a straign on the eyes. 74% is 26% smaller than the viewer's preferred size, IOW, it's too small. Setting body { font-size: 100% } leaves the font at the viewer's preferred size and prevents some IE weirdness. I personally don't mess with browser defaults and don't tend to use resets, but for minimal purposes only. On Fri, Apr 24, 2009 at 1:12 AM, Brett Patterson inspiron.patters...@gmail.com wrote: I have always been told to use something along the lines of either body { font-size: 100%; /* a fix for internet explorer */ } because of the way IE reads/sizes font. Starting out with html at only 62.5% font-sizing would completely mess up IE and the font in the browser would it not? -- Brett P. On Thu, Apr 23, 2009 at 7:56 PM, CK jobs@bushidodeep.com wrote: Hi, Would you elaborate on why the CSS rule invalidates the article? As it appears the authors explanation is sound. html { font-size: 62.5%; } CK On Apr 23, 2009, at 11:28 AM, Chris F.A. Johnson wrote: On Thu, 23 Apr 2009, Christopher Kennon wrote: S, See this article from Links for light Reading scrolling down a bit you'll find a JS solution that may prove useful: Why Programmers Suck at CSS Design http://www.betaversion.org/~stefano/linotype/news/169/http://www.betaversion.org/%7Estefano/linotype/news/169/ That article ceased to be credible as soon as I saw: My suggestion for you is to do the following: start your CSS stylesheet with html { font-size: 62.5%; } On Apr 22, 2009, at 4:18 PM, Stevio wrote: Is the box model in IE7 still messed up? I thought they sorted it? It is fixed in standards mode, but I think it uses the broken model in quirks mode. I am floating a div to the right with a width of 50%. The div to the left has a right margin of 50%. I've put a 1px solid border on both of them. In IE7 there is a gap between them but in Firefox they are right against each other. Go figure? -- Chris F.A. Johnson, webmaster http://woodbine-gerrard.com === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Chris F.A. Johnson, webmaster http://woodbine-gerrard.com === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7
Forgot to mention that you do set specific formatting on text afterwards, as you mentioned, Janice. And I might add that that is a good point Christian, it does seem a little silly! -- Brett P. On Thu, Apr 23, 2009 at 8:39 PM, Brett Patterson inspiron.patters...@gmail.com wrote: Well, according to the rules as I have read, Browser font-sizing takes precedence in certain circumstances...so, if the user's font-size is 14pt. then that means the body text font-size will be 62.5% of that. This goes in according to the rules of inheritance...I have never actually seen anyone set font-size in html, let alone at 62.5% or 74%. But I have, however, seen it at body at 100%. -- Brett P. On Thu, Apr 23, 2009 at 8:28 PM, Jason Grant ja...@flexewebs.com wrote: We were told in the past by a massive client that for accessibility purposes font sizes needed to be set to 74% as a minimum as the basic reading size below which it's a straign on the eyes. I personally don't mess with browser defaults and don't tend to use resets, but for minimal purposes only. On Fri, Apr 24, 2009 at 1:12 AM, Brett Patterson inspiron.patters...@gmail.com wrote: I have always been told to use something along the lines of either body { font-size: 100%; /* a fix for internet explorer */ } because of the way IE reads/sizes font. Starting out with html at only 62.5% font-sizing would completely mess up IE and the font in the browser would it not? -- Brett P. On Thu, Apr 23, 2009 at 7:56 PM, CK jobs@bushidodeep.com wrote: Hi, Would you elaborate on why the CSS rule invalidates the article? As it appears the authors explanation is sound. html { font-size: 62.5%; } CK On Apr 23, 2009, at 11:28 AM, Chris F.A. Johnson wrote: On Thu, 23 Apr 2009, Christopher Kennon wrote: S, See this article from Links for light Reading scrolling down a bit you'll find a JS solution that may prove useful: Why Programmers Suck at CSS Design http://www.betaversion.org/~stefano/linotype/news/169/http://www.betaversion.org/%7Estefano/linotype/news/169/ That article ceased to be credible as soon as I saw: My suggestion for you is to do the following: start your CSS stylesheet with html { font-size: 62.5%; } On Apr 22, 2009, at 4:18 PM, Stevio wrote: Is the box model in IE7 still messed up? I thought they sorted it? It is fixed in standards mode, but I think it uses the broken model in quirks mode. I am floating a div to the right with a width of 50%. The div to the left has a right margin of 50%. I've put a 1px solid border on both of them. In IE7 there is a gap between them but in Firefox they are right against each other. Go figure? -- Chris F.A. Johnson, webmaster http://woodbine-gerrard.com === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Jason Grant BSc, MSc CEO, Flexewebs Ltd. www.flexewebs.com ja...@flexewebs.com +44 (0)7748 591 770 Company no.: 5587469 www.flexewebs.com/semantix www.twitter.com/flexewebs www.linkedin.com/in/flexewebs *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Box model in IE7
I admit, I've only seen it used on the body tag too. Seeing it on html threw me, so at first I was wondering if the objection was over that instead of body. Janice _ From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Brett Patterson Sent: Thursday, April 23, 2009 5:46 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Box model in IE7 Forgot to mention that you do set specific formatting on text afterwards, as you mentioned, Janice. And I might add that that is a good point Christian, it does seem a little silly! -- Brett P. On Thu, Apr 23, 2009 at 8:39 PM, Brett Patterson inspiron.patters...@gmail.com wrote: Well, according to the rules as I have read, Browser font-sizing takes precedence in certain circumstances...so, if the user's font-size is 14pt. then that means the body text font-size will be 62.5% of that. This goes in according to the rules of inheritance...I have never actually seen anyone set font-size in html, let alone at 62.5% or 74%. But I have, however, seen it at body at 100%. -- Brett P. On Thu, Apr 23, 2009 at 8:28 PM, Jason Grant ja...@flexewebs.com wrote: We were told in the past by a massive client that for accessibility purposes font sizes needed to be set to 74% as a minimum as the basic reading size below which it's a straign on the eyes. I personally don't mess with browser defaults and don't tend to use resets, but for minimal purposes only. On Fri, Apr 24, 2009 at 1:12 AM, Brett Patterson inspiron.patters...@gmail.com wrote: I have always been told to use something along the lines of either body { font-size: 100%; /* a fix for internet explorer */ } because of the way IE reads/sizes font. Starting out with html at only 62.5% font-sizing would completely mess up IE and the font in the browser would it not? -- Brett P. On Thu, Apr 23, 2009 at 7:56 PM, CK jobs@bushidodeep.com wrote: Hi, Would you elaborate on why the CSS rule invalidates the article? As it appears the authors explanation is sound. html { font-size: 62.5%; } CK On Apr 23, 2009, at 11:28 AM, Chris F.A. Johnson wrote: On Thu, 23 Apr 2009, Christopher Kennon wrote: S, See this article from Links for light Reading scrolling down a bit you'll find a JS solution that may prove useful: Why Programmers Suck at CSS Design http://www.betaversion.org/~stefano/linotype/news/169/ http://www.betaversion.org/%7Estefano/linotype/news/169/ That article ceased to be credible as soon as I saw: My suggestion for you is to do the following: start your CSS stylesheet with html { font-size: 62.5%; } On Apr 22, 2009, at 4:18 PM, Stevio wrote: Is the box model in IE7 still messed up? I thought they sorted it? It is fixed in standards mode, but I think it uses the broken model in quirks mode. I am floating a div to the right with a width of 50%. The div to the left has a right margin of 50%. I've put a 1px solid border on both of them. In IE7 there is a gap between them but in Firefox they are right against each other. Go figure? -- Chris F.A. Johnson, webmaster http://woodbine-gerrard.com === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Jason Grant BSc, MSc CEO, Flexewebs Ltd. www.flexewebs.com ja...@flexewebs.com +44 (0)7748 591 770 Company no.: 5587469 www.flexewebs.com/semantix www.twitter.com/flexewebs www.linkedin.com/in/flexewebs *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Re: [WSG] Box model in IE7
HI, What doctype are you using? cheers Luke Stevio wrote: Is the box model in IE7 still messed up? I thought they sorted it? I am floating a div to the right with a width of 50%. The div to the left has a right margin of 50%. I've put a 1px solid border on both of them. In IE7 there is a gap between them but in Firefox they are right against each other. Go figure? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; - Original Message - From: Luke Hoggett Sent: Thursday, April 23, 2009 12:45 AM HI, What doctype are you using? cheers Luke Stevio wrote: Is the box model in IE7 still messed up? I thought they sorted it? I am floating a div to the right with a width of 50%. The div to the left has a right margin of 50%. I've put a 1px solid border on both of them. In IE7 there is a gap between them but in Firefox they are right against each other. Go figure? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***