SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast
    Join Date
    Oct 2008
    Location
    San Diego
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Styling Code or Pre Tag

    I am trying to style the pre or code tag for a template i'm creating and in IE6, the pre tag is almost doubled in size.

    I have a basic style setup here:

    Code:
    body { font-size: 62.5%; }
    
    pre { font-size: 1.4em; }
    I've tried setting the pre to a defined px or setting the font-size to small and that works fine, why not em?

  2. #2
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,625
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Just use px then

  3. #3
    SitePoint Enthusiast
    Join Date
    Oct 2008
    Location
    San Diego
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think you're missing the point, i want to use em to be fluid with browser sizings, for usability purposes.

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,797
    Mentioned
    158 Post(s)
    Tagged
    4 Thread(s)
    Do you have an example as it looks the same size in Firefox and and all IE to me assuming they have the same font size and family defined?

  5. #5
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,625
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    I'm not missing the point. Back in the day I remember some browser didn't like em in my pres. That's why I just used px. If there was a fix for it (aside from the obvious) I prob would have found it - I didn't.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •