#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2004
    Posts
    223
    Rep Power
    0

    Question Ie9 is the only browser that wont show any h1 or h2 in this web design


    Hello:

    Does someone knows why ie 9 wont display This Website´s
    h1`s and h2`s?

    For example the next code is for the header, it displays on all browsers but ie9

    Code:
    <div id="top"> 
    <div id="logo"> 
    <h1><a href="index.html">PhotoGrapher</a></h1> 
    <span class="desc">Pro Studios</span> 
    </div><!-- end #logo -->
    </div><!-- end #top -->
    This is the corresponding CSS part

    Code:
    #top { height:92px; border-top:solid 2px #730000;
     padding:22px 0 0 }
    
     #logo h1,#logo h1 a,#logo h1 a:visited
     { font-size:48px; color:#434343; margin-bottom:0 }
    
    #logo h1 a:hover { text-decoration:none }
    
    #logo .desc { color:#666; font-size:14px; display: block; }
    In fact not a single h1 or h2 is displayed by ie9 (all other browsers will display)

    this is the css code for h1`s and h2`s i believe:

    Code:
    h1,h2 { margin-bottom:12px; font-family:Arial, Verdana; font-weight:400; color:#434343 } 
    
    h3,h4,h5,h6 { margin-bottom:8px; font-family:Arial, Verdana; font-weight:400; color:#434343; letter-spacing:-1px }
    
     h1 { font-size:28px; line-height:30px }
    
     h2 { font-size:22px; line-height:24px } 
    
    h3 { font-size:18px; line-height:20px }
    
     h4 { font-size:14px; line-height:15px }
    
     h5,h6 { font-size:13px; line-height:15px }
    Does someone have the answer to this??

    thanks in advanced
  2. #2
  3. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4304
    You didn't notice that Cufón is being used to render those headings? The version of it that that page is using is not compatible with IE9. You need to upgrade to the latest version (1.09i).
    Spreading knowledge, one newbie at a time.

    Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2004
    Posts
    223
    Rep Power
    0

    Talking


    Originally Posted by Kravvitz
    You didn't notice that Cufón is being used to render those headings? The version of it that that page is using is not compatible with IE9. You need to upgrade to the latest version (1.09i).

    Didnt even knew it existed. But now thanks to you i`ll search about it. Thanks!

IMN logo majestic logo threadwatch logo seochat tools logo