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