RE: [WSG] Box model in IE7

2009-04-23 Thread Janice Schwarz 
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
 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  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
 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  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
 >



 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 
 ===
 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

2009-04-23 Thread Brett Patterson 
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  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  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
>> 
>> >
>>
>
>  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 
>  ===
>  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

2009-04-23 Thread Chris F.A. Johnson 
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  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
>  
>  >
> 
> >>>
> >>>  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 
> >>>  ===
> >>>  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 
   ===
   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

2009-04-23 Thread Brett Patterson 
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  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  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
> 
> >
>

  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 
  ===
  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

2009-04-23 Thread Christian Snodgrass 
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 > 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
>


 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


 ===
 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
*** 



--
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

2009-04-23 Thread Jason Grant 
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  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
 
 >

>>>
>>>  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 
>>>  ===
>>>  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 & Font Sizes

2009-04-23 Thread CK 

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  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


 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 
 ===
 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

2009-04-23 Thread Janice Schwarz 
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.

    
 

> -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
> > 
> 
>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 
   ===
   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

2009-04-23 Thread Brett Patterson 
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  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
>>> 
>>> >
>>>
>>
>>  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 
>>  ===
>>  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

2009-04-23 Thread CK 

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



  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 
  ===
  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

2009-04-23 Thread Chris F.A. Johnson 
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.

    
 

> -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
> > 
> 
>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 
   ===
   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

2009-04-23 Thread Janice Schwarz 
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
> 

   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] standards matter - an informationweek article

2009-04-23 Thread Nancy Johnson 
Interesting article.  I hope it makes a difference

Nancy

On Thu, Apr 23, 2009 at 11:03 AM, Christie Mason
 wrote:
> I think he was referring to this story
> http://www.informationweek.com/news/infrastructure/management/showArticle.jh
> tml?articleID=216600011
>
> Christie Mason
>
> -Original Message-
> From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
> Behalf Of Nancy Johnson
> Sent: Thursday, April 23, 2009 8:21 AM
> To: wsg@webstandardsgroup.org
> Subject: Re: [WSG] standards matter - an informationweek article
>
> Do you have a link to the information week story?
>
> Nancy
>
>
>
>
> ***
> 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

2009-04-23 Thread Chris F.A. Johnson 
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
> 

   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 
   ===
   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

2009-04-23 Thread Christopher Kennon 

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


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] standards matter - an informationweek article

2009-04-23 Thread Christie Mason 
I think he was referring to this story
http://www.informationweek.com/news/infrastructure/management/showArticle.jh
tml?articleID=216600011

Christie Mason

-Original Message-
From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
Behalf Of Nancy Johnson
Sent: Thursday, April 23, 2009 8:21 AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] standards matter - an informationweek article

Do you have a link to the information week story?

Nancy




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] standards matter - an informationweek article

2009-04-23 Thread dwain 
On Thu, Apr 23, 2009 at 8:20 AM, Nancy Johnson  wrote:

> Do you have a link to the information week story?
>
> Nancy
>

here's the link:

http://www.informationweek.com/news/infrastructure/management/showArticle.jhtml?articleID=216600011

cheers,
dwain


-- 
"Fear of the devil is one way of doubting God.  " - Kahlil Gibran


***
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

2009-04-23 Thread Stevio 
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


  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] standards matter - an informationweek article

2009-04-23 Thread Nancy Johnson 
Do you have a link to the information week story?

Nancy

On Wed, Apr 22, 2009 at 9:53 PM, dwain  wrote:
> in the april 20th issue of informationweek there is an article about
> standards.  the title of the article is "standards matter - we all want
> interoperability, but are you willing to take vendors to task for breaking
> faith?".  it was a good industry-wide account of the standards problem.  web
> designers got a paragraph and i thought i would share it with the list.
>
> "another high-profile standards failure is browser support for html and
> cascading style sheets.  designers who don't know -- or don't care -- about
> the implications of proprietary extensions to html spew out web sites that
> work only in internet explorer for windows."
>
> i hope that this article gains some serious thought in upper, middle and
> lower management to insist on industry standards so that in our neck of the
> woods, the web will become a nicer place to navigate.  we all know that
> browser manufacturers are trying to keep up with the latest developments,
> but it's the folks in the trenches, like us doing the work, that need the
> guidance into a better more compliant internet experience.
>
> just my $0.02.
>
> cheers, dwain
>
>
>
> --
> "Fear of the devil is one way of doubting God.  " - Kahlil Gibran
>
> ***
> 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

2009-04-23 Thread Rimantas Liubertas 
> 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
***