dcsimg
www.webdeveloper.com
Results 1 to 3 of 3

Thread: Header font size

  1. #1
    Join Date
    Jan 2005
    Location
    UK
    Posts
    381

    Header font size

    Hi,

    I have a <h4> tag containing news titles, on my webpage.

    Problem is IE shows the font size to be much bigger than in FF.

    Can someone please tell me how I can ensure the same sized font, for header tags, in FF and IE?

    Thankyou

  2. #2
    Join Date
    Nov 2006
    Location
    Springfield, MO
    Posts
    1,541
    Post some code or show a link.

  3. #3
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    Font-sizes differ from browser-to-browser. You have to fix them to a common size and then, re-size them to a desired size.
    The below, -while not perfect, -does address this quite nicely.

    <style type="text/css">
    * {border:0; padding:0; margin:0;}/* Set everything to "zero" */
    p {font-size: 100%; line-height:1.0em; margin:16px 0 10px 0;}

    html, body {min-height:100%; height:101%; padding-bottom:25px;
    font:x-small Arial, Verdana, sans-serif;
    voice-family: "\"}\"";voice-family:inherit;
    font-size:small;/*for IE 5.5 */}
    html>body {font-size:small; height:auto;}/* Assist IE6 & less, 100% height */
    font-size: small; voice-family: "\"}\"";
    voice-family: inherit; font-size: medium;} /* Assist IE rendering height, keyword-font sizes, etc. */

    h1, h2, h3, h4, h5, h6 {font-family: 'times new roman', arial, verdana, helvetica, serif; background-color:none;
    font-style:normal; font-variant:normal; font-weight:normal; margin:14px 0 4px 10px;}
    h1{font-size: 1.93em;}
    h2{font-size: 1.72em;}
    h3{font-size: 1.52em;}
    h4{font-size: 1.42em;}
    h5{font-size: 1.32em;}
    h6{font-size: 1.21em;}
    </style>

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles