font sizing

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • Andrew Poulos

    font sizing

    I've got some CSS that looks like this:

    body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 140.01%;
    color: #000000;
    }

    but IE won't apply the font size to text in table cells so I've had to
    modify it to this:

    body {
    margin: 0;
    }

    body, td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 140.01%;
    color: #000000;
    }

    This "fixes" it in IE buy in MZ the font size in table cells is too
    large. I believe it's 140.01% of 140.01%. I think the only way around
    this is to load a specific style sheet depending on the the browser.

    Is this the right way to go about this or is there a better way?


    Andrew Poulos

    PS the .01% was added because someone told me to and I didn't know
    enough about fonts to disagree.
  • Daniel Kirsch

    #2
    Re: font sizing

    Andrew Poulos wrote:[color=blue]
    > I've got some CSS that looks like this:
    >
    > body {
    > margin: 0;
    > font-family: Arial, Helvetica, sans-serif;
    > font-size: 140.01%;
    > color: #000000;
    > }
    >
    > but IE won't apply the font size to text in table cells so I've had to
    > modify it to this:
    >
    > body {
    > margin: 0;
    > }
    >
    > body, td {
    > font-family: Arial, Helvetica, sans-serif;
    > font-size: 140.01%;
    > color: #000000;
    > }[/color]


    try:

    body {
    margin: 0;
    color: #000000;
    font-size: 140%;
    }

    body, table {
    font-family: Arial, Helvetica, sans-serif;
    }

    table {
    font-size: 100%;
    }

    Daniel

    Comment

    • Andrew Thompson

      #3
      Re: font sizing

      On Fri, 26 Nov 2004 19:26:18 +1100, Andrew Poulos wrote:
      [color=blue]
      > I've got some CSS that looks like this:[/color]

      Why not post to c.i.w.a.s.?
      <http://groups.google.c om/groups?group=co mp.infosystems. www.authoring.s tylesheets>
      [color=blue]
      > body {
      > margin: 0;
      > font-family: Arial, Helvetica, sans-serif;[/color]

      Where, for example, they would probably not only sort the problem,
      but also recommend a different order for the font declaration.

      [ Helvetica is generally considered a superior font to Arial,
      so it makes sense to list it *first*. ]

      --
      Andrew Thompson
      http://www.PhySci.org/codes/ Web & IT Help
      http://www.PhySci.org/ Open-source software suite
      http://www.1point1C.org/ Science & Technology
      http://www.LensEscapes.com/ Images that escape the mundane

      Comment

      • Andrew Poulos

        #4
        Re: font sizing

        Andrew Thompson wrote:
        [color=blue]
        > On Fri, 26 Nov 2004 19:26:18 +1100, Andrew Poulos wrote:
        >
        >[color=green]
        >>I've got some CSS that looks like this:[/color]
        >
        >
        > Why not post to c.i.w.a.s.?
        > <http://groups.google.c om/groups?group=co mp.infosystems. www.authoring.s tylesheets>
        >[color=green]
        >>body {
        >> margin: 0;
        >> font-family: Arial, Helvetica, sans-serif;[/color]
        >
        >
        > Where, for example, they would probably not only sort the problem,
        > but also recommend a different order for the font declaration.
        >
        > [ Helvetica is generally considered a superior font to Arial,
        > so it makes sense to list it *first*. ][/color]

        I thought that maybe the solution was a javascript-based one. Thanks,
        I'll try posting there.

        Andrew Poulos

        Comment

        • Daniel Kirsch

          #5
          Re: font sizing

          Andrew Thompson wrote:[color=blue]
          > Where, for example, they would probably not only sort the problem,
          > but also recommend a different order for the font declaration.
          >
          > [ Helvetica is generally considered a superior font to Arial,
          > so it makes sense to list it *first*. ][/color]

          On screen Arial is often more readable than Helvetica. If arial is not
          present, which might be the case especially on non windows systems, the
          pretty similar helvetica font should be used.
          IMHO this order does make sense.

          Daniel

          Comment

          • Mark Preston

            #6
            Re: font sizing

            Daniel Kirsch wrote:[color=blue]
            > Andrew Thompson wrote:
            >[color=green]
            >> Where, for example, they would probably not only sort the problem,
            >> but also recommend a different order for the font declaration.
            >>
            >> [ Helvetica is generally considered a superior font to Arial,
            >> so it makes sense to list it *first*. ][/color]
            >
            >
            > On screen Arial is often more readable than Helvetica. If arial is not
            > present, which might be the case especially on non windows systems, the
            > pretty similar helvetica font should be used.
            > IMHO this order does make sense.
            >[/color]
            My preference is to use Comic Sans because it is so very readable (if
            slightly too large).

            Comment

            • Andrew Thompson

              #7
              Re: font sizing

              On Fri, 26 Nov 2004 20:21:17 +1100, Andrew Poulos wrote:
              [color=blue]
              > Andrew Thompson wrote:[/color]
              ...[color=blue][color=green]
              >> Why not post to c.i.w.a.s.?
              >> <http://groups.google.c om/groups?group=co mp.infosystems. www.authoring.s tylesheets>[/color][/color]
              ...[color=blue]
              > I thought that maybe the solution was a javascript-based one.[/color]

              I know enough to know that these sort of problems are regularly
              fixed on c.i.w.a.s. Further if it *does* require separate stylesheets,
              they are the experts on the 'CSS import hacks' necessary* to ensure
              that each UA sees an appropriate set of styles.

              [ There are other ways to provide alternate stylesheets, but CSS
              import hacks are the single most reliable. ]
              [color=blue]
              >..Thanks, I'll try posting there.[/color]

              You're welcome.

              --
              Andrew Thompson
              http://www.PhySci.org/codes/ Web & IT Help
              http://www.PhySci.org/ Open-source software suite
              http://www.1point1C.org/ Science & Technology
              http://www.LensEscapes.com/ Images that escape the mundane

              Comment

              Working...